@terreno/ui 0.0.15 → 0.0.16

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.
Files changed (151) hide show
  1. package/dist/DateUtilities.js +2 -2
  2. package/package.json +1 -1
  3. package/src/ActionSheet.test.tsx +77 -0
  4. package/src/Banner.test.tsx +106 -0
  5. package/src/Body.test.tsx +79 -0
  6. package/src/BooleanField.test.tsx +84 -0
  7. package/src/Button.test.tsx +160 -0
  8. package/src/Card.test.tsx +61 -0
  9. package/src/CheckBox.test.tsx +53 -0
  10. package/src/CustomSelectField.test.tsx +85 -0
  11. package/src/DataTable.test.tsx +133 -0
  12. package/src/DateTimeActionSheet.test.tsx +16 -0
  13. package/src/DateUtilities.tsx +2 -2
  14. package/src/DecimalRangeActionSheet.test.tsx +46 -0
  15. package/src/DismissButton.test.tsx +49 -0
  16. package/src/EmailField.test.tsx +106 -0
  17. package/src/ErrorBoundary.test.tsx +44 -0
  18. package/src/ErrorPage.test.tsx +44 -0
  19. package/src/Field.test.tsx +128 -0
  20. package/src/Heading.test.tsx +66 -0
  21. package/src/HeightActionSheet.test.tsx +34 -0
  22. package/src/Hyperlink.test.tsx +52 -0
  23. package/src/Icon.test.tsx +61 -0
  24. package/src/IconButton.test.tsx +145 -0
  25. package/src/Image.test.tsx +65 -0
  26. package/src/ImageBackground.test.tsx +46 -0
  27. package/src/InfoModalIcon.test.tsx +54 -0
  28. package/src/InfoTooltipButton.test.tsx +22 -0
  29. package/src/Link.test.tsx +64 -0
  30. package/src/MarkdownView.test.tsx +50 -0
  31. package/src/MobileAddressAutoComplete.test.tsx +15 -0
  32. package/src/Modal.test.tsx +169 -0
  33. package/src/ModalSheet.test.tsx +20 -0
  34. package/src/MultiselectField.test.tsx +134 -0
  35. package/src/NumberField.test.tsx +133 -0
  36. package/src/NumberPickerActionSheet.test.tsx +46 -0
  37. package/src/OpenAPIContext.test.tsx +36 -0
  38. package/src/Page.test.tsx +128 -0
  39. package/src/Pagination.test.tsx +86 -0
  40. package/src/PasswordField.test.tsx +17 -0
  41. package/src/PhoneNumberField.test.tsx +79 -0
  42. package/src/PickerSelect.test.tsx +16 -0
  43. package/src/Radio.test.tsx +30 -0
  44. package/src/RadioField.test.tsx +89 -0
  45. package/src/SectionDivider.test.tsx +17 -0
  46. package/src/SegmentedControl.test.tsx +84 -0
  47. package/src/SelectBadge.test.tsx +103 -0
  48. package/src/SelectField.test.tsx +84 -0
  49. package/src/SideDrawer.test.tsx +99 -0
  50. package/src/Signature.test.tsx +15 -0
  51. package/src/SignatureField.test.tsx +16 -0
  52. package/src/Spinner.test.tsx +74 -0
  53. package/src/SplitPage.test.tsx +15 -0
  54. package/src/TapToEdit.test.tsx +147 -0
  55. package/src/TerrenoProvider.test.tsx +36 -0
  56. package/src/Text.test.tsx +147 -0
  57. package/src/Theme.test.tsx +153 -0
  58. package/src/TimezonePicker.test.tsx +57 -0
  59. package/src/Toast.test.tsx +82 -0
  60. package/src/Tooltip.test.tsx +89 -0
  61. package/src/UnifiedAddressAutoComplete.test.tsx +15 -0
  62. package/src/Utilities.test.tsx +237 -0
  63. package/src/WebAddressAutocomplete.test.tsx +15 -0
  64. package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
  65. package/src/__snapshots__/Banner.test.tsx.snap +546 -0
  66. package/src/__snapshots__/Body.test.tsx.snap +685 -0
  67. package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
  68. package/src/__snapshots__/Button.test.tsx.snap +1281 -0
  69. package/src/__snapshots__/Card.test.tsx.snap +195 -0
  70. package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
  71. package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
  72. package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
  73. package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
  74. package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
  75. package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
  76. package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
  77. package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
  78. package/src/__snapshots__/Field.test.tsx.snap +4510 -0
  79. package/src/__snapshots__/Heading.test.tsx.snap +193 -0
  80. package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
  81. package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
  82. package/src/__snapshots__/Icon.test.tsx.snap +47 -0
  83. package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
  84. package/src/__snapshots__/Image.test.tsx.snap +282 -0
  85. package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
  86. package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
  87. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
  88. package/src/__snapshots__/Link.test.tsx.snap +41 -0
  89. package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
  90. package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
  91. package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
  92. package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
  93. package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
  94. package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
  95. package/src/__snapshots__/Page.test.tsx.snap +1647 -0
  96. package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
  97. package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
  98. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
  99. package/src/__snapshots__/PickerSelect.test.tsx.snap +266 -0
  100. package/src/__snapshots__/Radio.test.tsx.snap +111 -0
  101. package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
  102. package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
  103. package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
  104. package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
  105. package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
  106. package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
  107. package/src/__snapshots__/SignatureField.test.tsx.snap +133 -0
  108. package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
  109. package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
  110. package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
  111. package/src/__snapshots__/Text.test.tsx.snap +558 -0
  112. package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
  113. package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
  114. package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
  115. package/src/bunSetup.ts +101 -8
  116. package/src/fieldElements/FieldError.test.tsx +40 -0
  117. package/src/fieldElements/FieldHelperText.test.tsx +34 -0
  118. package/src/fieldElements/FieldTitle.test.tsx +30 -0
  119. package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
  120. package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
  121. package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
  122. package/src/icons/MobileIcon.test.tsx +21 -0
  123. package/src/icons/OfflineIcon.test.tsx +21 -0
  124. package/src/icons/OnlineIcon.test.tsx +21 -0
  125. package/src/icons/OutOfficeIcon.test.tsx +21 -0
  126. package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
  127. package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
  128. package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
  129. package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
  130. package/src/table/Table.test.tsx +107 -0
  131. package/src/table/TableBadge.test.tsx +53 -0
  132. package/src/table/TableBoolean.test.tsx +38 -0
  133. package/src/table/TableDate.test.tsx +27 -0
  134. package/src/table/TableHeader.test.tsx +67 -0
  135. package/src/table/TableHeaderCell.test.tsx +113 -0
  136. package/src/table/TableIconButton.test.tsx +51 -0
  137. package/src/table/TableNumber.test.tsx +45 -0
  138. package/src/table/TableRow.test.tsx +83 -0
  139. package/src/table/TableText.test.tsx +30 -0
  140. package/src/table/TableTitle.test.tsx +30 -0
  141. package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
  142. package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
  143. package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
  144. package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
  145. package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
  146. package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
  147. package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
  148. package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
  149. package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
  150. package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
  151. package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0
package/src/__snapshots__/Pagination.test.tsx.snap ADDED
@@ -0,0 +1,1913 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`Pagination renders correctly with default props 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": null,
10
+ "props": {
11
+ "accessibilityHint": "Click to go to prev page",
12
+ "aria-label": "Pagination Button",
13
+ "disabled": true,
14
+ "onPress": [Function],
15
+ "style": {
16
+ "alignItems": "center",
17
+ "display": "flex",
18
+ "height": 32,
19
+ "justifyContent": "center",
20
+ "width": 32,
21
+ },
22
+ },
23
+ "type": "Pressable",
24
+ },
25
+ {
26
+ "$$typeof": Symbol(react.test.json),
27
+ "children": [
28
+ {
29
+ "$$typeof": Symbol(react.test.json),
30
+ "children": [
31
+ {
32
+ "$$typeof": Symbol(react.test.json),
33
+ "children": [
34
+ "1",
35
+ ],
36
+ "props": {
37
+ "numberOfLines": 0,
38
+ "selectable": undefined,
39
+ "style": {
40
+ "color": "#956A00",
41
+ "fontFamily": "text-regular",
42
+ "fontSize": 14,
43
+ "textAlign": "left",
44
+ },
45
+ "testID": undefined,
46
+ },
47
+ "type": "Text",
48
+ },
49
+ ],
50
+ "props": {},
51
+ "type": "View",
52
+ },
53
+ ],
54
+ "props": {
55
+ "accessibilityHint": "Click to go to page 1",
56
+ "accessibilityLabel": "Pagination Number",
57
+ "onPress": [Function],
58
+ "style": {
59
+ "alignItems": "center",
60
+ "borderRadius": 4,
61
+ "display": "flex",
62
+ "height": 32,
63
+ "justifyContent": "center",
64
+ "width": 32,
65
+ },
66
+ },
67
+ "type": "Pressable",
68
+ },
69
+ {
70
+ "$$typeof": Symbol(react.test.json),
71
+ "children": [
72
+ {
73
+ "$$typeof": Symbol(react.test.json),
74
+ "children": [
75
+ {
76
+ "$$typeof": Symbol(react.test.json),
77
+ "children": [
78
+ "2",
79
+ ],
80
+ "props": {
81
+ "numberOfLines": 0,
82
+ "selectable": undefined,
83
+ "style": {
84
+ "color": "#1C1C1C",
85
+ "fontFamily": "text-regular",
86
+ "fontSize": 14,
87
+ "textAlign": "left",
88
+ },
89
+ "testID": undefined,
90
+ },
91
+ "type": "Text",
92
+ },
93
+ ],
94
+ "props": {},
95
+ "type": "View",
96
+ },
97
+ ],
98
+ "props": {
99
+ "accessibilityHint": "Click to go to page 2",
100
+ "accessibilityLabel": "Pagination Number",
101
+ "onPress": [Function],
102
+ "style": {
103
+ "alignItems": "center",
104
+ "borderRadius": 4,
105
+ "display": "flex",
106
+ "height": 32,
107
+ "justifyContent": "center",
108
+ "width": 32,
109
+ },
110
+ },
111
+ "type": "Pressable",
112
+ },
113
+ {
114
+ "$$typeof": Symbol(react.test.json),
115
+ "children": [
116
+ {
117
+ "$$typeof": Symbol(react.test.json),
118
+ "children": [
119
+ {
120
+ "$$typeof": Symbol(react.test.json),
121
+ "children": [
122
+ "3",
123
+ ],
124
+ "props": {
125
+ "numberOfLines": 0,
126
+ "selectable": undefined,
127
+ "style": {
128
+ "color": "#1C1C1C",
129
+ "fontFamily": "text-regular",
130
+ "fontSize": 14,
131
+ "textAlign": "left",
132
+ },
133
+ "testID": undefined,
134
+ },
135
+ "type": "Text",
136
+ },
137
+ ],
138
+ "props": {},
139
+ "type": "View",
140
+ },
141
+ ],
142
+ "props": {
143
+ "accessibilityHint": "Click to go to page 3",
144
+ "accessibilityLabel": "Pagination Number",
145
+ "onPress": [Function],
146
+ "style": {
147
+ "alignItems": "center",
148
+ "borderRadius": 4,
149
+ "display": "flex",
150
+ "height": 32,
151
+ "justifyContent": "center",
152
+ "width": 32,
153
+ },
154
+ },
155
+ "type": "Pressable",
156
+ },
157
+ {
158
+ "$$typeof": Symbol(react.test.json),
159
+ "children": [
160
+ {
161
+ "$$typeof": Symbol(react.test.json),
162
+ "children": [
163
+ {
164
+ "$$typeof": Symbol(react.test.json),
165
+ "children": [
166
+ "4",
167
+ ],
168
+ "props": {
169
+ "numberOfLines": 0,
170
+ "selectable": undefined,
171
+ "style": {
172
+ "color": "#1C1C1C",
173
+ "fontFamily": "text-regular",
174
+ "fontSize": 14,
175
+ "textAlign": "left",
176
+ },
177
+ "testID": undefined,
178
+ },
179
+ "type": "Text",
180
+ },
181
+ ],
182
+ "props": {},
183
+ "type": "View",
184
+ },
185
+ ],
186
+ "props": {
187
+ "accessibilityHint": "Click to go to page 4",
188
+ "accessibilityLabel": "Pagination Number",
189
+ "onPress": [Function],
190
+ "style": {
191
+ "alignItems": "center",
192
+ "borderRadius": 4,
193
+ "display": "flex",
194
+ "height": 32,
195
+ "justifyContent": "center",
196
+ "width": 32,
197
+ },
198
+ },
199
+ "type": "Pressable",
200
+ },
201
+ {
202
+ "$$typeof": Symbol(react.test.json),
203
+ "children": [
204
+ {
205
+ "$$typeof": Symbol(react.test.json),
206
+ "children": [
207
+ {
208
+ "$$typeof": Symbol(react.test.json),
209
+ "children": [
210
+ "5",
211
+ ],
212
+ "props": {
213
+ "numberOfLines": 0,
214
+ "selectable": undefined,
215
+ "style": {
216
+ "color": "#1C1C1C",
217
+ "fontFamily": "text-regular",
218
+ "fontSize": 14,
219
+ "textAlign": "left",
220
+ },
221
+ "testID": undefined,
222
+ },
223
+ "type": "Text",
224
+ },
225
+ ],
226
+ "props": {},
227
+ "type": "View",
228
+ },
229
+ ],
230
+ "props": {
231
+ "accessibilityHint": "Click to go to page 5",
232
+ "accessibilityLabel": "Pagination Number",
233
+ "onPress": [Function],
234
+ "style": {
235
+ "alignItems": "center",
236
+ "borderRadius": 4,
237
+ "display": "flex",
238
+ "height": 32,
239
+ "justifyContent": "center",
240
+ "width": 32,
241
+ },
242
+ },
243
+ "type": "Pressable",
244
+ },
245
+ {
246
+ "$$typeof": Symbol(react.test.json),
247
+ "children": null,
248
+ "props": {
249
+ "accessibilityHint": "Click to go to next page",
250
+ "aria-label": "Pagination Button",
251
+ "disabled": false,
252
+ "onPress": [Function],
253
+ "style": {
254
+ "alignItems": "center",
255
+ "display": "flex",
256
+ "height": 32,
257
+ "justifyContent": "center",
258
+ "width": 32,
259
+ },
260
+ },
261
+ "type": "Pressable",
262
+ },
263
+ ],
264
+ "props": {
265
+ "style": {
266
+ "alignItems": "center",
267
+ "display": "flex",
268
+ "flexDirection": "row",
269
+ "gap": 4,
270
+ },
271
+ "testID": undefined,
272
+ },
273
+ "type": "View",
274
+ }
275
+ `;
276
+
277
+ exports[`Pagination renders with ellipsis for large page count 1`] = `
278
+ {
279
+ "$$typeof": Symbol(react.test.json),
280
+ "children": [
281
+ {
282
+ "$$typeof": Symbol(react.test.json),
283
+ "children": null,
284
+ "props": {
285
+ "accessibilityHint": "Click to go to prev page",
286
+ "aria-label": "Pagination Button",
287
+ "disabled": false,
288
+ "onPress": [Function],
289
+ "style": {
290
+ "alignItems": "center",
291
+ "display": "flex",
292
+ "height": 32,
293
+ "justifyContent": "center",
294
+ "width": 32,
295
+ },
296
+ },
297
+ "type": "Pressable",
298
+ },
299
+ {
300
+ "$$typeof": Symbol(react.test.json),
301
+ "children": [
302
+ {
303
+ "$$typeof": Symbol(react.test.json),
304
+ "children": [
305
+ {
306
+ "$$typeof": Symbol(react.test.json),
307
+ "children": [
308
+ "1",
309
+ ],
310
+ "props": {
311
+ "numberOfLines": 0,
312
+ "selectable": undefined,
313
+ "style": {
314
+ "color": "#1C1C1C",
315
+ "fontFamily": "text-regular",
316
+ "fontSize": 14,
317
+ "textAlign": "left",
318
+ },
319
+ "testID": undefined,
320
+ },
321
+ "type": "Text",
322
+ },
323
+ ],
324
+ "props": {},
325
+ "type": "View",
326
+ },
327
+ ],
328
+ "props": {
329
+ "accessibilityHint": "Click to go to page 1",
330
+ "accessibilityLabel": "Pagination Number",
331
+ "onPress": [Function],
332
+ "style": {
333
+ "alignItems": "center",
334
+ "borderRadius": 4,
335
+ "display": "flex",
336
+ "height": 32,
337
+ "justifyContent": "center",
338
+ "width": 32,
339
+ },
340
+ },
341
+ "type": "Pressable",
342
+ },
343
+ {
344
+ "$$typeof": Symbol(react.test.json),
345
+ "children": null,
346
+ "props": {
347
+ "accessibilityHint": "Click to go to more page",
348
+ "aria-label": "Pagination Button",
349
+ "disabled": false,
350
+ "onPress": [Function],
351
+ "style": {
352
+ "alignItems": "center",
353
+ "display": "flex",
354
+ "height": 32,
355
+ "justifyContent": "center",
356
+ "width": 32,
357
+ },
358
+ },
359
+ "type": "Pressable",
360
+ },
361
+ {
362
+ "$$typeof": Symbol(react.test.json),
363
+ "children": [
364
+ {
365
+ "$$typeof": Symbol(react.test.json),
366
+ "children": [
367
+ {
368
+ "$$typeof": Symbol(react.test.json),
369
+ "children": [
370
+ "5",
371
+ ],
372
+ "props": {
373
+ "numberOfLines": 0,
374
+ "selectable": undefined,
375
+ "style": {
376
+ "color": "#956A00",
377
+ "fontFamily": "text-regular",
378
+ "fontSize": 14,
379
+ "textAlign": "left",
380
+ },
381
+ "testID": undefined,
382
+ },
383
+ "type": "Text",
384
+ },
385
+ ],
386
+ "props": {},
387
+ "type": "View",
388
+ },
389
+ ],
390
+ "props": {
391
+ "accessibilityHint": "Click to go to page 5",
392
+ "accessibilityLabel": "Pagination Number",
393
+ "onPress": [Function],
394
+ "style": {
395
+ "alignItems": "center",
396
+ "borderRadius": 4,
397
+ "display": "flex",
398
+ "height": 32,
399
+ "justifyContent": "center",
400
+ "width": 32,
401
+ },
402
+ },
403
+ "type": "Pressable",
404
+ },
405
+ {
406
+ "$$typeof": Symbol(react.test.json),
407
+ "children": null,
408
+ "props": {
409
+ "accessibilityHint": "Click to go to more page",
410
+ "aria-label": "Pagination Button",
411
+ "disabled": false,
412
+ "onPress": [Function],
413
+ "style": {
414
+ "alignItems": "center",
415
+ "display": "flex",
416
+ "height": 32,
417
+ "justifyContent": "center",
418
+ "width": 32,
419
+ },
420
+ },
421
+ "type": "Pressable",
422
+ },
423
+ {
424
+ "$$typeof": Symbol(react.test.json),
425
+ "children": [
426
+ {
427
+ "$$typeof": Symbol(react.test.json),
428
+ "children": [
429
+ {
430
+ "$$typeof": Symbol(react.test.json),
431
+ "children": [
432
+ "20",
433
+ ],
434
+ "props": {
435
+ "numberOfLines": 0,
436
+ "selectable": undefined,
437
+ "style": {
438
+ "color": "#1C1C1C",
439
+ "fontFamily": "text-regular",
440
+ "fontSize": 14,
441
+ "textAlign": "left",
442
+ },
443
+ "testID": undefined,
444
+ },
445
+ "type": "Text",
446
+ },
447
+ ],
448
+ "props": {},
449
+ "type": "View",
450
+ },
451
+ ],
452
+ "props": {
453
+ "accessibilityHint": "Click to go to page 20",
454
+ "accessibilityLabel": "Pagination Number",
455
+ "onPress": [Function],
456
+ "style": {
457
+ "alignItems": "center",
458
+ "borderRadius": 4,
459
+ "display": "flex",
460
+ "height": 32,
461
+ "justifyContent": "center",
462
+ "width": 32,
463
+ },
464
+ },
465
+ "type": "Pressable",
466
+ },
467
+ {
468
+ "$$typeof": Symbol(react.test.json),
469
+ "children": null,
470
+ "props": {
471
+ "accessibilityHint": "Click to go to next page",
472
+ "aria-label": "Pagination Button",
473
+ "disabled": false,
474
+ "onPress": [Function],
475
+ "style": {
476
+ "alignItems": "center",
477
+ "display": "flex",
478
+ "height": 32,
479
+ "justifyContent": "center",
480
+ "width": 32,
481
+ },
482
+ },
483
+ "type": "Pressable",
484
+ },
485
+ ],
486
+ "props": {
487
+ "style": {
488
+ "alignItems": "center",
489
+ "display": "flex",
490
+ "flexDirection": "row",
491
+ "gap": 4,
492
+ },
493
+ "testID": undefined,
494
+ },
495
+ "type": "View",
496
+ }
497
+ `;
498
+
499
+ exports[`Pagination highlights current page 1`] = `
500
+ {
501
+ "$$typeof": Symbol(react.test.json),
502
+ "children": [
503
+ {
504
+ "$$typeof": Symbol(react.test.json),
505
+ "children": null,
506
+ "props": {
507
+ "accessibilityHint": "Click to go to prev page",
508
+ "aria-label": "Pagination Button",
509
+ "disabled": false,
510
+ "onPress": [Function],
511
+ "style": {
512
+ "alignItems": "center",
513
+ "display": "flex",
514
+ "height": 32,
515
+ "justifyContent": "center",
516
+ "width": 32,
517
+ },
518
+ },
519
+ "type": "Pressable",
520
+ },
521
+ {
522
+ "$$typeof": Symbol(react.test.json),
523
+ "children": [
524
+ {
525
+ "$$typeof": Symbol(react.test.json),
526
+ "children": [
527
+ {
528
+ "$$typeof": Symbol(react.test.json),
529
+ "children": [
530
+ "1",
531
+ ],
532
+ "props": {
533
+ "numberOfLines": 0,
534
+ "selectable": undefined,
535
+ "style": {
536
+ "color": "#1C1C1C",
537
+ "fontFamily": "text-regular",
538
+ "fontSize": 14,
539
+ "textAlign": "left",
540
+ },
541
+ "testID": undefined,
542
+ },
543
+ "type": "Text",
544
+ },
545
+ ],
546
+ "props": {},
547
+ "type": "View",
548
+ },
549
+ ],
550
+ "props": {
551
+ "accessibilityHint": "Click to go to page 1",
552
+ "accessibilityLabel": "Pagination Number",
553
+ "onPress": [Function],
554
+ "style": {
555
+ "alignItems": "center",
556
+ "borderRadius": 4,
557
+ "display": "flex",
558
+ "height": 32,
559
+ "justifyContent": "center",
560
+ "width": 32,
561
+ },
562
+ },
563
+ "type": "Pressable",
564
+ },
565
+ {
566
+ "$$typeof": Symbol(react.test.json),
567
+ "children": [
568
+ {
569
+ "$$typeof": Symbol(react.test.json),
570
+ "children": [
571
+ {
572
+ "$$typeof": Symbol(react.test.json),
573
+ "children": [
574
+ "2",
575
+ ],
576
+ "props": {
577
+ "numberOfLines": 0,
578
+ "selectable": undefined,
579
+ "style": {
580
+ "color": "#1C1C1C",
581
+ "fontFamily": "text-regular",
582
+ "fontSize": 14,
583
+ "textAlign": "left",
584
+ },
585
+ "testID": undefined,
586
+ },
587
+ "type": "Text",
588
+ },
589
+ ],
590
+ "props": {},
591
+ "type": "View",
592
+ },
593
+ ],
594
+ "props": {
595
+ "accessibilityHint": "Click to go to page 2",
596
+ "accessibilityLabel": "Pagination Number",
597
+ "onPress": [Function],
598
+ "style": {
599
+ "alignItems": "center",
600
+ "borderRadius": 4,
601
+ "display": "flex",
602
+ "height": 32,
603
+ "justifyContent": "center",
604
+ "width": 32,
605
+ },
606
+ },
607
+ "type": "Pressable",
608
+ },
609
+ {
610
+ "$$typeof": Symbol(react.test.json),
611
+ "children": [
612
+ {
613
+ "$$typeof": Symbol(react.test.json),
614
+ "children": [
615
+ {
616
+ "$$typeof": Symbol(react.test.json),
617
+ "children": [
618
+ "3",
619
+ ],
620
+ "props": {
621
+ "numberOfLines": 0,
622
+ "selectable": undefined,
623
+ "style": {
624
+ "color": "#956A00",
625
+ "fontFamily": "text-regular",
626
+ "fontSize": 14,
627
+ "textAlign": "left",
628
+ },
629
+ "testID": undefined,
630
+ },
631
+ "type": "Text",
632
+ },
633
+ ],
634
+ "props": {},
635
+ "type": "View",
636
+ },
637
+ ],
638
+ "props": {
639
+ "accessibilityHint": "Click to go to page 3",
640
+ "accessibilityLabel": "Pagination Number",
641
+ "onPress": [Function],
642
+ "style": {
643
+ "alignItems": "center",
644
+ "borderRadius": 4,
645
+ "display": "flex",
646
+ "height": 32,
647
+ "justifyContent": "center",
648
+ "width": 32,
649
+ },
650
+ },
651
+ "type": "Pressable",
652
+ },
653
+ {
654
+ "$$typeof": Symbol(react.test.json),
655
+ "children": [
656
+ {
657
+ "$$typeof": Symbol(react.test.json),
658
+ "children": [
659
+ {
660
+ "$$typeof": Symbol(react.test.json),
661
+ "children": [
662
+ "4",
663
+ ],
664
+ "props": {
665
+ "numberOfLines": 0,
666
+ "selectable": undefined,
667
+ "style": {
668
+ "color": "#1C1C1C",
669
+ "fontFamily": "text-regular",
670
+ "fontSize": 14,
671
+ "textAlign": "left",
672
+ },
673
+ "testID": undefined,
674
+ },
675
+ "type": "Text",
676
+ },
677
+ ],
678
+ "props": {},
679
+ "type": "View",
680
+ },
681
+ ],
682
+ "props": {
683
+ "accessibilityHint": "Click to go to page 4",
684
+ "accessibilityLabel": "Pagination Number",
685
+ "onPress": [Function],
686
+ "style": {
687
+ "alignItems": "center",
688
+ "borderRadius": 4,
689
+ "display": "flex",
690
+ "height": 32,
691
+ "justifyContent": "center",
692
+ "width": 32,
693
+ },
694
+ },
695
+ "type": "Pressable",
696
+ },
697
+ {
698
+ "$$typeof": Symbol(react.test.json),
699
+ "children": [
700
+ {
701
+ "$$typeof": Symbol(react.test.json),
702
+ "children": [
703
+ {
704
+ "$$typeof": Symbol(react.test.json),
705
+ "children": [
706
+ "5",
707
+ ],
708
+ "props": {
709
+ "numberOfLines": 0,
710
+ "selectable": undefined,
711
+ "style": {
712
+ "color": "#1C1C1C",
713
+ "fontFamily": "text-regular",
714
+ "fontSize": 14,
715
+ "textAlign": "left",
716
+ },
717
+ "testID": undefined,
718
+ },
719
+ "type": "Text",
720
+ },
721
+ ],
722
+ "props": {},
723
+ "type": "View",
724
+ },
725
+ ],
726
+ "props": {
727
+ "accessibilityHint": "Click to go to page 5",
728
+ "accessibilityLabel": "Pagination Number",
729
+ "onPress": [Function],
730
+ "style": {
731
+ "alignItems": "center",
732
+ "borderRadius": 4,
733
+ "display": "flex",
734
+ "height": 32,
735
+ "justifyContent": "center",
736
+ "width": 32,
737
+ },
738
+ },
739
+ "type": "Pressable",
740
+ },
741
+ {
742
+ "$$typeof": Symbol(react.test.json),
743
+ "children": null,
744
+ "props": {
745
+ "accessibilityHint": "Click to go to next page",
746
+ "aria-label": "Pagination Button",
747
+ "disabled": false,
748
+ "onPress": [Function],
749
+ "style": {
750
+ "alignItems": "center",
751
+ "display": "flex",
752
+ "height": 32,
753
+ "justifyContent": "center",
754
+ "width": 32,
755
+ },
756
+ },
757
+ "type": "Pressable",
758
+ },
759
+ ],
760
+ "props": {
761
+ "style": {
762
+ "alignItems": "center",
763
+ "display": "flex",
764
+ "flexDirection": "row",
765
+ "gap": 4,
766
+ },
767
+ "testID": undefined,
768
+ },
769
+ "type": "View",
770
+ }
771
+ `;
772
+
773
+ exports[`Pagination disables prev button on first page 1`] = `
774
+ {
775
+ "$$typeof": Symbol(react.test.json),
776
+ "children": [
777
+ {
778
+ "$$typeof": Symbol(react.test.json),
779
+ "children": null,
780
+ "props": {
781
+ "accessibilityHint": "Click to go to prev page",
782
+ "aria-label": "Pagination Button",
783
+ "disabled": true,
784
+ "onPress": [Function],
785
+ "style": {
786
+ "alignItems": "center",
787
+ "display": "flex",
788
+ "height": 32,
789
+ "justifyContent": "center",
790
+ "width": 32,
791
+ },
792
+ },
793
+ "type": "Pressable",
794
+ },
795
+ {
796
+ "$$typeof": Symbol(react.test.json),
797
+ "children": [
798
+ {
799
+ "$$typeof": Symbol(react.test.json),
800
+ "children": [
801
+ {
802
+ "$$typeof": Symbol(react.test.json),
803
+ "children": [
804
+ "1",
805
+ ],
806
+ "props": {
807
+ "numberOfLines": 0,
808
+ "selectable": undefined,
809
+ "style": {
810
+ "color": "#956A00",
811
+ "fontFamily": "text-regular",
812
+ "fontSize": 14,
813
+ "textAlign": "left",
814
+ },
815
+ "testID": undefined,
816
+ },
817
+ "type": "Text",
818
+ },
819
+ ],
820
+ "props": {},
821
+ "type": "View",
822
+ },
823
+ ],
824
+ "props": {
825
+ "accessibilityHint": "Click to go to page 1",
826
+ "accessibilityLabel": "Pagination Number",
827
+ "onPress": [Function],
828
+ "style": {
829
+ "alignItems": "center",
830
+ "borderRadius": 4,
831
+ "display": "flex",
832
+ "height": 32,
833
+ "justifyContent": "center",
834
+ "width": 32,
835
+ },
836
+ },
837
+ "type": "Pressable",
838
+ },
839
+ {
840
+ "$$typeof": Symbol(react.test.json),
841
+ "children": [
842
+ {
843
+ "$$typeof": Symbol(react.test.json),
844
+ "children": [
845
+ {
846
+ "$$typeof": Symbol(react.test.json),
847
+ "children": [
848
+ "2",
849
+ ],
850
+ "props": {
851
+ "numberOfLines": 0,
852
+ "selectable": undefined,
853
+ "style": {
854
+ "color": "#1C1C1C",
855
+ "fontFamily": "text-regular",
856
+ "fontSize": 14,
857
+ "textAlign": "left",
858
+ },
859
+ "testID": undefined,
860
+ },
861
+ "type": "Text",
862
+ },
863
+ ],
864
+ "props": {},
865
+ "type": "View",
866
+ },
867
+ ],
868
+ "props": {
869
+ "accessibilityHint": "Click to go to page 2",
870
+ "accessibilityLabel": "Pagination Number",
871
+ "onPress": [Function],
872
+ "style": {
873
+ "alignItems": "center",
874
+ "borderRadius": 4,
875
+ "display": "flex",
876
+ "height": 32,
877
+ "justifyContent": "center",
878
+ "width": 32,
879
+ },
880
+ },
881
+ "type": "Pressable",
882
+ },
883
+ {
884
+ "$$typeof": Symbol(react.test.json),
885
+ "children": [
886
+ {
887
+ "$$typeof": Symbol(react.test.json),
888
+ "children": [
889
+ {
890
+ "$$typeof": Symbol(react.test.json),
891
+ "children": [
892
+ "3",
893
+ ],
894
+ "props": {
895
+ "numberOfLines": 0,
896
+ "selectable": undefined,
897
+ "style": {
898
+ "color": "#1C1C1C",
899
+ "fontFamily": "text-regular",
900
+ "fontSize": 14,
901
+ "textAlign": "left",
902
+ },
903
+ "testID": undefined,
904
+ },
905
+ "type": "Text",
906
+ },
907
+ ],
908
+ "props": {},
909
+ "type": "View",
910
+ },
911
+ ],
912
+ "props": {
913
+ "accessibilityHint": "Click to go to page 3",
914
+ "accessibilityLabel": "Pagination Number",
915
+ "onPress": [Function],
916
+ "style": {
917
+ "alignItems": "center",
918
+ "borderRadius": 4,
919
+ "display": "flex",
920
+ "height": 32,
921
+ "justifyContent": "center",
922
+ "width": 32,
923
+ },
924
+ },
925
+ "type": "Pressable",
926
+ },
927
+ {
928
+ "$$typeof": Symbol(react.test.json),
929
+ "children": [
930
+ {
931
+ "$$typeof": Symbol(react.test.json),
932
+ "children": [
933
+ {
934
+ "$$typeof": Symbol(react.test.json),
935
+ "children": [
936
+ "4",
937
+ ],
938
+ "props": {
939
+ "numberOfLines": 0,
940
+ "selectable": undefined,
941
+ "style": {
942
+ "color": "#1C1C1C",
943
+ "fontFamily": "text-regular",
944
+ "fontSize": 14,
945
+ "textAlign": "left",
946
+ },
947
+ "testID": undefined,
948
+ },
949
+ "type": "Text",
950
+ },
951
+ ],
952
+ "props": {},
953
+ "type": "View",
954
+ },
955
+ ],
956
+ "props": {
957
+ "accessibilityHint": "Click to go to page 4",
958
+ "accessibilityLabel": "Pagination Number",
959
+ "onPress": [Function],
960
+ "style": {
961
+ "alignItems": "center",
962
+ "borderRadius": 4,
963
+ "display": "flex",
964
+ "height": 32,
965
+ "justifyContent": "center",
966
+ "width": 32,
967
+ },
968
+ },
969
+ "type": "Pressable",
970
+ },
971
+ {
972
+ "$$typeof": Symbol(react.test.json),
973
+ "children": [
974
+ {
975
+ "$$typeof": Symbol(react.test.json),
976
+ "children": [
977
+ {
978
+ "$$typeof": Symbol(react.test.json),
979
+ "children": [
980
+ "5",
981
+ ],
982
+ "props": {
983
+ "numberOfLines": 0,
984
+ "selectable": undefined,
985
+ "style": {
986
+ "color": "#1C1C1C",
987
+ "fontFamily": "text-regular",
988
+ "fontSize": 14,
989
+ "textAlign": "left",
990
+ },
991
+ "testID": undefined,
992
+ },
993
+ "type": "Text",
994
+ },
995
+ ],
996
+ "props": {},
997
+ "type": "View",
998
+ },
999
+ ],
1000
+ "props": {
1001
+ "accessibilityHint": "Click to go to page 5",
1002
+ "accessibilityLabel": "Pagination Number",
1003
+ "onPress": [Function],
1004
+ "style": {
1005
+ "alignItems": "center",
1006
+ "borderRadius": 4,
1007
+ "display": "flex",
1008
+ "height": 32,
1009
+ "justifyContent": "center",
1010
+ "width": 32,
1011
+ },
1012
+ },
1013
+ "type": "Pressable",
1014
+ },
1015
+ {
1016
+ "$$typeof": Symbol(react.test.json),
1017
+ "children": null,
1018
+ "props": {
1019
+ "accessibilityHint": "Click to go to next page",
1020
+ "aria-label": "Pagination Button",
1021
+ "disabled": false,
1022
+ "onPress": [Function],
1023
+ "style": {
1024
+ "alignItems": "center",
1025
+ "display": "flex",
1026
+ "height": 32,
1027
+ "justifyContent": "center",
1028
+ "width": 32,
1029
+ },
1030
+ },
1031
+ "type": "Pressable",
1032
+ },
1033
+ ],
1034
+ "props": {
1035
+ "style": {
1036
+ "alignItems": "center",
1037
+ "display": "flex",
1038
+ "flexDirection": "row",
1039
+ "gap": 4,
1040
+ },
1041
+ "testID": undefined,
1042
+ },
1043
+ "type": "View",
1044
+ }
1045
+ `;
1046
+
1047
+ exports[`Pagination disables next button on last page 1`] = `
1048
+ {
1049
+ "$$typeof": Symbol(react.test.json),
1050
+ "children": [
1051
+ {
1052
+ "$$typeof": Symbol(react.test.json),
1053
+ "children": null,
1054
+ "props": {
1055
+ "accessibilityHint": "Click to go to prev page",
1056
+ "aria-label": "Pagination Button",
1057
+ "disabled": false,
1058
+ "onPress": [Function],
1059
+ "style": {
1060
+ "alignItems": "center",
1061
+ "display": "flex",
1062
+ "height": 32,
1063
+ "justifyContent": "center",
1064
+ "width": 32,
1065
+ },
1066
+ },
1067
+ "type": "Pressable",
1068
+ },
1069
+ {
1070
+ "$$typeof": Symbol(react.test.json),
1071
+ "children": [
1072
+ {
1073
+ "$$typeof": Symbol(react.test.json),
1074
+ "children": [
1075
+ {
1076
+ "$$typeof": Symbol(react.test.json),
1077
+ "children": [
1078
+ "1",
1079
+ ],
1080
+ "props": {
1081
+ "numberOfLines": 0,
1082
+ "selectable": undefined,
1083
+ "style": {
1084
+ "color": "#1C1C1C",
1085
+ "fontFamily": "text-regular",
1086
+ "fontSize": 14,
1087
+ "textAlign": "left",
1088
+ },
1089
+ "testID": undefined,
1090
+ },
1091
+ "type": "Text",
1092
+ },
1093
+ ],
1094
+ "props": {},
1095
+ "type": "View",
1096
+ },
1097
+ ],
1098
+ "props": {
1099
+ "accessibilityHint": "Click to go to page 1",
1100
+ "accessibilityLabel": "Pagination Number",
1101
+ "onPress": [Function],
1102
+ "style": {
1103
+ "alignItems": "center",
1104
+ "borderRadius": 4,
1105
+ "display": "flex",
1106
+ "height": 32,
1107
+ "justifyContent": "center",
1108
+ "width": 32,
1109
+ },
1110
+ },
1111
+ "type": "Pressable",
1112
+ },
1113
+ {
1114
+ "$$typeof": Symbol(react.test.json),
1115
+ "children": [
1116
+ {
1117
+ "$$typeof": Symbol(react.test.json),
1118
+ "children": [
1119
+ {
1120
+ "$$typeof": Symbol(react.test.json),
1121
+ "children": [
1122
+ "2",
1123
+ ],
1124
+ "props": {
1125
+ "numberOfLines": 0,
1126
+ "selectable": undefined,
1127
+ "style": {
1128
+ "color": "#1C1C1C",
1129
+ "fontFamily": "text-regular",
1130
+ "fontSize": 14,
1131
+ "textAlign": "left",
1132
+ },
1133
+ "testID": undefined,
1134
+ },
1135
+ "type": "Text",
1136
+ },
1137
+ ],
1138
+ "props": {},
1139
+ "type": "View",
1140
+ },
1141
+ ],
1142
+ "props": {
1143
+ "accessibilityHint": "Click to go to page 2",
1144
+ "accessibilityLabel": "Pagination Number",
1145
+ "onPress": [Function],
1146
+ "style": {
1147
+ "alignItems": "center",
1148
+ "borderRadius": 4,
1149
+ "display": "flex",
1150
+ "height": 32,
1151
+ "justifyContent": "center",
1152
+ "width": 32,
1153
+ },
1154
+ },
1155
+ "type": "Pressable",
1156
+ },
1157
+ {
1158
+ "$$typeof": Symbol(react.test.json),
1159
+ "children": [
1160
+ {
1161
+ "$$typeof": Symbol(react.test.json),
1162
+ "children": [
1163
+ {
1164
+ "$$typeof": Symbol(react.test.json),
1165
+ "children": [
1166
+ "3",
1167
+ ],
1168
+ "props": {
1169
+ "numberOfLines": 0,
1170
+ "selectable": undefined,
1171
+ "style": {
1172
+ "color": "#1C1C1C",
1173
+ "fontFamily": "text-regular",
1174
+ "fontSize": 14,
1175
+ "textAlign": "left",
1176
+ },
1177
+ "testID": undefined,
1178
+ },
1179
+ "type": "Text",
1180
+ },
1181
+ ],
1182
+ "props": {},
1183
+ "type": "View",
1184
+ },
1185
+ ],
1186
+ "props": {
1187
+ "accessibilityHint": "Click to go to page 3",
1188
+ "accessibilityLabel": "Pagination Number",
1189
+ "onPress": [Function],
1190
+ "style": {
1191
+ "alignItems": "center",
1192
+ "borderRadius": 4,
1193
+ "display": "flex",
1194
+ "height": 32,
1195
+ "justifyContent": "center",
1196
+ "width": 32,
1197
+ },
1198
+ },
1199
+ "type": "Pressable",
1200
+ },
1201
+ {
1202
+ "$$typeof": Symbol(react.test.json),
1203
+ "children": [
1204
+ {
1205
+ "$$typeof": Symbol(react.test.json),
1206
+ "children": [
1207
+ {
1208
+ "$$typeof": Symbol(react.test.json),
1209
+ "children": [
1210
+ "4",
1211
+ ],
1212
+ "props": {
1213
+ "numberOfLines": 0,
1214
+ "selectable": undefined,
1215
+ "style": {
1216
+ "color": "#1C1C1C",
1217
+ "fontFamily": "text-regular",
1218
+ "fontSize": 14,
1219
+ "textAlign": "left",
1220
+ },
1221
+ "testID": undefined,
1222
+ },
1223
+ "type": "Text",
1224
+ },
1225
+ ],
1226
+ "props": {},
1227
+ "type": "View",
1228
+ },
1229
+ ],
1230
+ "props": {
1231
+ "accessibilityHint": "Click to go to page 4",
1232
+ "accessibilityLabel": "Pagination Number",
1233
+ "onPress": [Function],
1234
+ "style": {
1235
+ "alignItems": "center",
1236
+ "borderRadius": 4,
1237
+ "display": "flex",
1238
+ "height": 32,
1239
+ "justifyContent": "center",
1240
+ "width": 32,
1241
+ },
1242
+ },
1243
+ "type": "Pressable",
1244
+ },
1245
+ {
1246
+ "$$typeof": Symbol(react.test.json),
1247
+ "children": [
1248
+ {
1249
+ "$$typeof": Symbol(react.test.json),
1250
+ "children": [
1251
+ {
1252
+ "$$typeof": Symbol(react.test.json),
1253
+ "children": [
1254
+ "5",
1255
+ ],
1256
+ "props": {
1257
+ "numberOfLines": 0,
1258
+ "selectable": undefined,
1259
+ "style": {
1260
+ "color": "#956A00",
1261
+ "fontFamily": "text-regular",
1262
+ "fontSize": 14,
1263
+ "textAlign": "left",
1264
+ },
1265
+ "testID": undefined,
1266
+ },
1267
+ "type": "Text",
1268
+ },
1269
+ ],
1270
+ "props": {},
1271
+ "type": "View",
1272
+ },
1273
+ ],
1274
+ "props": {
1275
+ "accessibilityHint": "Click to go to page 5",
1276
+ "accessibilityLabel": "Pagination Number",
1277
+ "onPress": [Function],
1278
+ "style": {
1279
+ "alignItems": "center",
1280
+ "borderRadius": 4,
1281
+ "display": "flex",
1282
+ "height": 32,
1283
+ "justifyContent": "center",
1284
+ "width": 32,
1285
+ },
1286
+ },
1287
+ "type": "Pressable",
1288
+ },
1289
+ {
1290
+ "$$typeof": Symbol(react.test.json),
1291
+ "children": null,
1292
+ "props": {
1293
+ "accessibilityHint": "Click to go to next page",
1294
+ "aria-label": "Pagination Button",
1295
+ "disabled": true,
1296
+ "onPress": [Function],
1297
+ "style": {
1298
+ "alignItems": "center",
1299
+ "display": "flex",
1300
+ "height": 32,
1301
+ "justifyContent": "center",
1302
+ "width": 32,
1303
+ },
1304
+ },
1305
+ "type": "Pressable",
1306
+ },
1307
+ ],
1308
+ "props": {
1309
+ "style": {
1310
+ "alignItems": "center",
1311
+ "display": "flex",
1312
+ "flexDirection": "row",
1313
+ "gap": 4,
1314
+ },
1315
+ "testID": undefined,
1316
+ },
1317
+ "type": "View",
1318
+ }
1319
+ `;
1320
+
1321
+ exports[`Pagination renders correctly with single page 1`] = `
1322
+ {
1323
+ "$$typeof": Symbol(react.test.json),
1324
+ "children": [
1325
+ {
1326
+ "$$typeof": Symbol(react.test.json),
1327
+ "children": null,
1328
+ "props": {
1329
+ "accessibilityHint": "Click to go to prev page",
1330
+ "aria-label": "Pagination Button",
1331
+ "disabled": true,
1332
+ "onPress": [Function],
1333
+ "style": {
1334
+ "alignItems": "center",
1335
+ "display": "flex",
1336
+ "height": 32,
1337
+ "justifyContent": "center",
1338
+ "width": 32,
1339
+ },
1340
+ },
1341
+ "type": "Pressable",
1342
+ },
1343
+ {
1344
+ "$$typeof": Symbol(react.test.json),
1345
+ "children": [
1346
+ {
1347
+ "$$typeof": Symbol(react.test.json),
1348
+ "children": [
1349
+ {
1350
+ "$$typeof": Symbol(react.test.json),
1351
+ "children": [
1352
+ "1",
1353
+ ],
1354
+ "props": {
1355
+ "numberOfLines": 0,
1356
+ "selectable": undefined,
1357
+ "style": {
1358
+ "color": "#956A00",
1359
+ "fontFamily": "text-regular",
1360
+ "fontSize": 14,
1361
+ "textAlign": "left",
1362
+ },
1363
+ "testID": undefined,
1364
+ },
1365
+ "type": "Text",
1366
+ },
1367
+ ],
1368
+ "props": {},
1369
+ "type": "View",
1370
+ },
1371
+ ],
1372
+ "props": {
1373
+ "accessibilityHint": "Click to go to page 1",
1374
+ "accessibilityLabel": "Pagination Number",
1375
+ "onPress": [Function],
1376
+ "style": {
1377
+ "alignItems": "center",
1378
+ "borderRadius": 4,
1379
+ "display": "flex",
1380
+ "height": 32,
1381
+ "justifyContent": "center",
1382
+ "width": 32,
1383
+ },
1384
+ },
1385
+ "type": "Pressable",
1386
+ },
1387
+ {
1388
+ "$$typeof": Symbol(react.test.json),
1389
+ "children": null,
1390
+ "props": {
1391
+ "accessibilityHint": "Click to go to next page",
1392
+ "aria-label": "Pagination Button",
1393
+ "disabled": true,
1394
+ "onPress": [Function],
1395
+ "style": {
1396
+ "alignItems": "center",
1397
+ "display": "flex",
1398
+ "height": 32,
1399
+ "justifyContent": "center",
1400
+ "width": 32,
1401
+ },
1402
+ },
1403
+ "type": "Pressable",
1404
+ },
1405
+ ],
1406
+ "props": {
1407
+ "style": {
1408
+ "alignItems": "center",
1409
+ "display": "flex",
1410
+ "flexDirection": "row",
1411
+ "gap": 4,
1412
+ },
1413
+ "testID": undefined,
1414
+ },
1415
+ "type": "View",
1416
+ }
1417
+ `;
1418
+
1419
+ exports[`Pagination renders correctly when on last pages 1`] = `
1420
+ {
1421
+ "$$typeof": Symbol(react.test.json),
1422
+ "children": [
1423
+ {
1424
+ "$$typeof": Symbol(react.test.json),
1425
+ "children": null,
1426
+ "props": {
1427
+ "accessibilityHint": "Click to go to prev page",
1428
+ "aria-label": "Pagination Button",
1429
+ "disabled": false,
1430
+ "onPress": [Function],
1431
+ "style": {
1432
+ "alignItems": "center",
1433
+ "display": "flex",
1434
+ "height": 32,
1435
+ "justifyContent": "center",
1436
+ "width": 32,
1437
+ },
1438
+ },
1439
+ "type": "Pressable",
1440
+ },
1441
+ {
1442
+ "$$typeof": Symbol(react.test.json),
1443
+ "children": [
1444
+ {
1445
+ "$$typeof": Symbol(react.test.json),
1446
+ "children": [
1447
+ {
1448
+ "$$typeof": Symbol(react.test.json),
1449
+ "children": [
1450
+ "1",
1451
+ ],
1452
+ "props": {
1453
+ "numberOfLines": 0,
1454
+ "selectable": undefined,
1455
+ "style": {
1456
+ "color": "#1C1C1C",
1457
+ "fontFamily": "text-regular",
1458
+ "fontSize": 14,
1459
+ "textAlign": "left",
1460
+ },
1461
+ "testID": undefined,
1462
+ },
1463
+ "type": "Text",
1464
+ },
1465
+ ],
1466
+ "props": {},
1467
+ "type": "View",
1468
+ },
1469
+ ],
1470
+ "props": {
1471
+ "accessibilityHint": "Click to go to page 1",
1472
+ "accessibilityLabel": "Pagination Number",
1473
+ "onPress": [Function],
1474
+ "style": {
1475
+ "alignItems": "center",
1476
+ "borderRadius": 4,
1477
+ "display": "flex",
1478
+ "height": 32,
1479
+ "justifyContent": "center",
1480
+ "width": 32,
1481
+ },
1482
+ },
1483
+ "type": "Pressable",
1484
+ },
1485
+ {
1486
+ "$$typeof": Symbol(react.test.json),
1487
+ "children": null,
1488
+ "props": {
1489
+ "accessibilityHint": "Click to go to more page",
1490
+ "aria-label": "Pagination Button",
1491
+ "disabled": false,
1492
+ "onPress": [Function],
1493
+ "style": {
1494
+ "alignItems": "center",
1495
+ "display": "flex",
1496
+ "height": 32,
1497
+ "justifyContent": "center",
1498
+ "width": 32,
1499
+ },
1500
+ },
1501
+ "type": "Pressable",
1502
+ },
1503
+ {
1504
+ "$$typeof": Symbol(react.test.json),
1505
+ "children": [
1506
+ {
1507
+ "$$typeof": Symbol(react.test.json),
1508
+ "children": [
1509
+ {
1510
+ "$$typeof": Symbol(react.test.json),
1511
+ "children": [
1512
+ "18",
1513
+ ],
1514
+ "props": {
1515
+ "numberOfLines": 0,
1516
+ "selectable": undefined,
1517
+ "style": {
1518
+ "color": "#1C1C1C",
1519
+ "fontFamily": "text-regular",
1520
+ "fontSize": 14,
1521
+ "textAlign": "left",
1522
+ },
1523
+ "testID": undefined,
1524
+ },
1525
+ "type": "Text",
1526
+ },
1527
+ ],
1528
+ "props": {},
1529
+ "type": "View",
1530
+ },
1531
+ ],
1532
+ "props": {
1533
+ "accessibilityHint": "Click to go to page 18",
1534
+ "accessibilityLabel": "Pagination Number",
1535
+ "onPress": [Function],
1536
+ "style": {
1537
+ "alignItems": "center",
1538
+ "borderRadius": 4,
1539
+ "display": "flex",
1540
+ "height": 32,
1541
+ "justifyContent": "center",
1542
+ "width": 32,
1543
+ },
1544
+ },
1545
+ "type": "Pressable",
1546
+ },
1547
+ {
1548
+ "$$typeof": Symbol(react.test.json),
1549
+ "children": [
1550
+ {
1551
+ "$$typeof": Symbol(react.test.json),
1552
+ "children": [
1553
+ {
1554
+ "$$typeof": Symbol(react.test.json),
1555
+ "children": [
1556
+ "19",
1557
+ ],
1558
+ "props": {
1559
+ "numberOfLines": 0,
1560
+ "selectable": undefined,
1561
+ "style": {
1562
+ "color": "#956A00",
1563
+ "fontFamily": "text-regular",
1564
+ "fontSize": 14,
1565
+ "textAlign": "left",
1566
+ },
1567
+ "testID": undefined,
1568
+ },
1569
+ "type": "Text",
1570
+ },
1571
+ ],
1572
+ "props": {},
1573
+ "type": "View",
1574
+ },
1575
+ ],
1576
+ "props": {
1577
+ "accessibilityHint": "Click to go to page 19",
1578
+ "accessibilityLabel": "Pagination Number",
1579
+ "onPress": [Function],
1580
+ "style": {
1581
+ "alignItems": "center",
1582
+ "borderRadius": 4,
1583
+ "display": "flex",
1584
+ "height": 32,
1585
+ "justifyContent": "center",
1586
+ "width": 32,
1587
+ },
1588
+ },
1589
+ "type": "Pressable",
1590
+ },
1591
+ {
1592
+ "$$typeof": Symbol(react.test.json),
1593
+ "children": [
1594
+ {
1595
+ "$$typeof": Symbol(react.test.json),
1596
+ "children": [
1597
+ {
1598
+ "$$typeof": Symbol(react.test.json),
1599
+ "children": [
1600
+ "20",
1601
+ ],
1602
+ "props": {
1603
+ "numberOfLines": 0,
1604
+ "selectable": undefined,
1605
+ "style": {
1606
+ "color": "#1C1C1C",
1607
+ "fontFamily": "text-regular",
1608
+ "fontSize": 14,
1609
+ "textAlign": "left",
1610
+ },
1611
+ "testID": undefined,
1612
+ },
1613
+ "type": "Text",
1614
+ },
1615
+ ],
1616
+ "props": {},
1617
+ "type": "View",
1618
+ },
1619
+ ],
1620
+ "props": {
1621
+ "accessibilityHint": "Click to go to page 20",
1622
+ "accessibilityLabel": "Pagination Number",
1623
+ "onPress": [Function],
1624
+ "style": {
1625
+ "alignItems": "center",
1626
+ "borderRadius": 4,
1627
+ "display": "flex",
1628
+ "height": 32,
1629
+ "justifyContent": "center",
1630
+ "width": 32,
1631
+ },
1632
+ },
1633
+ "type": "Pressable",
1634
+ },
1635
+ {
1636
+ "$$typeof": Symbol(react.test.json),
1637
+ "children": null,
1638
+ "props": {
1639
+ "accessibilityHint": "Click to go to next page",
1640
+ "aria-label": "Pagination Button",
1641
+ "disabled": false,
1642
+ "onPress": [Function],
1643
+ "style": {
1644
+ "alignItems": "center",
1645
+ "display": "flex",
1646
+ "height": 32,
1647
+ "justifyContent": "center",
1648
+ "width": 32,
1649
+ },
1650
+ },
1651
+ "type": "Pressable",
1652
+ },
1653
+ ],
1654
+ "props": {
1655
+ "style": {
1656
+ "alignItems": "center",
1657
+ "display": "flex",
1658
+ "flexDirection": "row",
1659
+ "gap": 4,
1660
+ },
1661
+ "testID": undefined,
1662
+ },
1663
+ "type": "View",
1664
+ }
1665
+ `;
1666
+
1667
+ exports[`Pagination renders correctly when on first pages 1`] = `
1668
+ {
1669
+ "$$typeof": Symbol(react.test.json),
1670
+ "children": [
1671
+ {
1672
+ "$$typeof": Symbol(react.test.json),
1673
+ "children": null,
1674
+ "props": {
1675
+ "accessibilityHint": "Click to go to prev page",
1676
+ "aria-label": "Pagination Button",
1677
+ "disabled": false,
1678
+ "onPress": [Function],
1679
+ "style": {
1680
+ "alignItems": "center",
1681
+ "display": "flex",
1682
+ "height": 32,
1683
+ "justifyContent": "center",
1684
+ "width": 32,
1685
+ },
1686
+ },
1687
+ "type": "Pressable",
1688
+ },
1689
+ {
1690
+ "$$typeof": Symbol(react.test.json),
1691
+ "children": [
1692
+ {
1693
+ "$$typeof": Symbol(react.test.json),
1694
+ "children": [
1695
+ {
1696
+ "$$typeof": Symbol(react.test.json),
1697
+ "children": [
1698
+ "1",
1699
+ ],
1700
+ "props": {
1701
+ "numberOfLines": 0,
1702
+ "selectable": undefined,
1703
+ "style": {
1704
+ "color": "#1C1C1C",
1705
+ "fontFamily": "text-regular",
1706
+ "fontSize": 14,
1707
+ "textAlign": "left",
1708
+ },
1709
+ "testID": undefined,
1710
+ },
1711
+ "type": "Text",
1712
+ },
1713
+ ],
1714
+ "props": {},
1715
+ "type": "View",
1716
+ },
1717
+ ],
1718
+ "props": {
1719
+ "accessibilityHint": "Click to go to page 1",
1720
+ "accessibilityLabel": "Pagination Number",
1721
+ "onPress": [Function],
1722
+ "style": {
1723
+ "alignItems": "center",
1724
+ "borderRadius": 4,
1725
+ "display": "flex",
1726
+ "height": 32,
1727
+ "justifyContent": "center",
1728
+ "width": 32,
1729
+ },
1730
+ },
1731
+ "type": "Pressable",
1732
+ },
1733
+ {
1734
+ "$$typeof": Symbol(react.test.json),
1735
+ "children": [
1736
+ {
1737
+ "$$typeof": Symbol(react.test.json),
1738
+ "children": [
1739
+ {
1740
+ "$$typeof": Symbol(react.test.json),
1741
+ "children": [
1742
+ "2",
1743
+ ],
1744
+ "props": {
1745
+ "numberOfLines": 0,
1746
+ "selectable": undefined,
1747
+ "style": {
1748
+ "color": "#956A00",
1749
+ "fontFamily": "text-regular",
1750
+ "fontSize": 14,
1751
+ "textAlign": "left",
1752
+ },
1753
+ "testID": undefined,
1754
+ },
1755
+ "type": "Text",
1756
+ },
1757
+ ],
1758
+ "props": {},
1759
+ "type": "View",
1760
+ },
1761
+ ],
1762
+ "props": {
1763
+ "accessibilityHint": "Click to go to page 2",
1764
+ "accessibilityLabel": "Pagination Number",
1765
+ "onPress": [Function],
1766
+ "style": {
1767
+ "alignItems": "center",
1768
+ "borderRadius": 4,
1769
+ "display": "flex",
1770
+ "height": 32,
1771
+ "justifyContent": "center",
1772
+ "width": 32,
1773
+ },
1774
+ },
1775
+ "type": "Pressable",
1776
+ },
1777
+ {
1778
+ "$$typeof": Symbol(react.test.json),
1779
+ "children": [
1780
+ {
1781
+ "$$typeof": Symbol(react.test.json),
1782
+ "children": [
1783
+ {
1784
+ "$$typeof": Symbol(react.test.json),
1785
+ "children": [
1786
+ "3",
1787
+ ],
1788
+ "props": {
1789
+ "numberOfLines": 0,
1790
+ "selectable": undefined,
1791
+ "style": {
1792
+ "color": "#1C1C1C",
1793
+ "fontFamily": "text-regular",
1794
+ "fontSize": 14,
1795
+ "textAlign": "left",
1796
+ },
1797
+ "testID": undefined,
1798
+ },
1799
+ "type": "Text",
1800
+ },
1801
+ ],
1802
+ "props": {},
1803
+ "type": "View",
1804
+ },
1805
+ ],
1806
+ "props": {
1807
+ "accessibilityHint": "Click to go to page 3",
1808
+ "accessibilityLabel": "Pagination Number",
1809
+ "onPress": [Function],
1810
+ "style": {
1811
+ "alignItems": "center",
1812
+ "borderRadius": 4,
1813
+ "display": "flex",
1814
+ "height": 32,
1815
+ "justifyContent": "center",
1816
+ "width": 32,
1817
+ },
1818
+ },
1819
+ "type": "Pressable",
1820
+ },
1821
+ {
1822
+ "$$typeof": Symbol(react.test.json),
1823
+ "children": null,
1824
+ "props": {
1825
+ "accessibilityHint": "Click to go to more page",
1826
+ "aria-label": "Pagination Button",
1827
+ "disabled": false,
1828
+ "onPress": [Function],
1829
+ "style": {
1830
+ "alignItems": "center",
1831
+ "display": "flex",
1832
+ "height": 32,
1833
+ "justifyContent": "center",
1834
+ "width": 32,
1835
+ },
1836
+ },
1837
+ "type": "Pressable",
1838
+ },
1839
+ {
1840
+ "$$typeof": Symbol(react.test.json),
1841
+ "children": [
1842
+ {
1843
+ "$$typeof": Symbol(react.test.json),
1844
+ "children": [
1845
+ {
1846
+ "$$typeof": Symbol(react.test.json),
1847
+ "children": [
1848
+ "20",
1849
+ ],
1850
+ "props": {
1851
+ "numberOfLines": 0,
1852
+ "selectable": undefined,
1853
+ "style": {
1854
+ "color": "#1C1C1C",
1855
+ "fontFamily": "text-regular",
1856
+ "fontSize": 14,
1857
+ "textAlign": "left",
1858
+ },
1859
+ "testID": undefined,
1860
+ },
1861
+ "type": "Text",
1862
+ },
1863
+ ],
1864
+ "props": {},
1865
+ "type": "View",
1866
+ },
1867
+ ],
1868
+ "props": {
1869
+ "accessibilityHint": "Click to go to page 20",
1870
+ "accessibilityLabel": "Pagination Number",
1871
+ "onPress": [Function],
1872
+ "style": {
1873
+ "alignItems": "center",
1874
+ "borderRadius": 4,
1875
+ "display": "flex",
1876
+ "height": 32,
1877
+ "justifyContent": "center",
1878
+ "width": 32,
1879
+ },
1880
+ },
1881
+ "type": "Pressable",
1882
+ },
1883
+ {
1884
+ "$$typeof": Symbol(react.test.json),
1885
+ "children": null,
1886
+ "props": {
1887
+ "accessibilityHint": "Click to go to next page",
1888
+ "aria-label": "Pagination Button",
1889
+ "disabled": false,
1890
+ "onPress": [Function],
1891
+ "style": {
1892
+ "alignItems": "center",
1893
+ "display": "flex",
1894
+ "height": 32,
1895
+ "justifyContent": "center",
1896
+ "width": 32,
1897
+ },
1898
+ },
1899
+ "type": "Pressable",
1900
+ },
1901
+ ],
1902
+ "props": {
1903
+ "style": {
1904
+ "alignItems": "center",
1905
+ "display": "flex",
1906
+ "flexDirection": "row",
1907
+ "gap": 4,
1908
+ },
1909
+ "testID": undefined,
1910
+ },
1911
+ "type": "View",
1912
+ }
1913
+ `;