@terreno/ui 0.1.0 → 0.2.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.
Files changed (64) hide show
  1. package/dist/Common.d.ts +44 -0
  2. package/dist/SocialLoginButton.d.ts +19 -0
  3. package/dist/SocialLoginButton.js +119 -0
  4. package/dist/SocialLoginButton.js.map +1 -0
  5. package/dist/index.d.ts +3 -0
  6. package/dist/index.js +3 -0
  7. package/dist/index.js.map +1 -1
  8. package/dist/login/LoginScreen.d.ts +25 -0
  9. package/dist/login/LoginScreen.js +55 -0
  10. package/dist/login/LoginScreen.js.map +1 -0
  11. package/dist/login/index.d.ts +2 -0
  12. package/dist/login/index.js +2 -0
  13. package/dist/login/index.js.map +1 -0
  14. package/dist/login/loginTypes.d.ts +48 -0
  15. package/dist/login/loginTypes.js +2 -0
  16. package/dist/login/loginTypes.js.map +1 -0
  17. package/dist/signUp/OAuthButtons.d.ts +18 -0
  18. package/dist/signUp/OAuthButtons.js +15 -0
  19. package/dist/signUp/OAuthButtons.js.map +1 -0
  20. package/dist/signUp/PasswordRequirements.d.ts +15 -0
  21. package/dist/signUp/PasswordRequirements.js +14 -0
  22. package/dist/signUp/PasswordRequirements.js.map +1 -0
  23. package/dist/signUp/SignUpScreen.d.ts +26 -0
  24. package/dist/signUp/SignUpScreen.js +64 -0
  25. package/dist/signUp/SignUpScreen.js.map +1 -0
  26. package/dist/signUp/Swiper.d.ts +13 -0
  27. package/dist/signUp/Swiper.js +16 -0
  28. package/dist/signUp/Swiper.js.map +1 -0
  29. package/dist/signUp/index.d.ts +6 -0
  30. package/dist/signUp/index.js +6 -0
  31. package/dist/signUp/index.js.map +1 -0
  32. package/dist/signUp/passwordPresets.d.ts +9 -0
  33. package/dist/signUp/passwordPresets.js +41 -0
  34. package/dist/signUp/passwordPresets.js.map +1 -0
  35. package/dist/signUp/signUpTypes.d.ts +90 -0
  36. package/dist/signUp/signUpTypes.js +2 -0
  37. package/dist/signUp/signUpTypes.js.map +1 -0
  38. package/package.json +3 -2
  39. package/src/Common.ts +52 -0
  40. package/src/SocialLoginButton.test.tsx +158 -0
  41. package/src/SocialLoginButton.tsx +182 -0
  42. package/src/__snapshots__/SocialLoginButton.test.tsx.snap +277 -0
  43. package/src/index.tsx +4 -0
  44. package/src/login/LoginScreen.test.tsx +148 -0
  45. package/src/login/LoginScreen.tsx +159 -0
  46. package/src/login/__snapshots__/LoginScreen.test.tsx.snap +630 -0
  47. package/src/login/index.ts +2 -0
  48. package/src/login/loginTypes.ts +51 -0
  49. package/src/signUp/OAuthButtons.test.tsx +45 -0
  50. package/src/signUp/OAuthButtons.tsx +52 -0
  51. package/src/signUp/PasswordRequirements.test.tsx +41 -0
  52. package/src/signUp/PasswordRequirements.tsx +49 -0
  53. package/src/signUp/SignUpScreen.test.tsx +134 -0
  54. package/src/signUp/SignUpScreen.tsx +172 -0
  55. package/src/signUp/Swiper.test.tsx +46 -0
  56. package/src/signUp/Swiper.tsx +59 -0
  57. package/src/signUp/__snapshots__/OAuthButtons.test.tsx.snap +272 -0
  58. package/src/signUp/__snapshots__/PasswordRequirements.test.tsx.snap +427 -0
  59. package/src/signUp/__snapshots__/SignUpScreen.test.tsx.snap +851 -0
  60. package/src/signUp/__snapshots__/Swiper.test.tsx.snap +249 -0
  61. package/src/signUp/index.ts +13 -0
  62. package/src/signUp/passwordPresets.test.ts +57 -0
  63. package/src/signUp/passwordPresets.ts +43 -0
  64. package/src/signUp/signUpTypes.ts +94 -0
package/src/signUp/__snapshots__/OAuthButtons.test.tsx.snap ADDED
@@ -0,0 +1,272 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`OAuthButtons renders correctly with all props 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": [
10
+ {
11
+ "$$typeof": Symbol(react.test.json),
12
+ "children": [
13
+ {
14
+ "$$typeof": Symbol(react.test.json),
15
+ "children": [
16
+ "Or continue with",
17
+ ],
18
+ "props": {
19
+ "numberOfLines": 0,
20
+ "selectable": undefined,
21
+ "style": {
22
+ "color": "#686868",
23
+ "fontFamily": "text-regular",
24
+ "fontSize": 14,
25
+ "textAlign": "left",
26
+ },
27
+ "testID": undefined,
28
+ },
29
+ "type": "Text",
30
+ },
31
+ ],
32
+ "props": {},
33
+ "type": "View",
34
+ },
35
+ ],
36
+ "props": {
37
+ "onPointerEnter": [Function: AsyncFunction],
38
+ "onPointerLeave": [Function: AsyncFunction],
39
+ "style": {
40
+ "alignItems": "center",
41
+ "marginTop": 32,
42
+ },
43
+ "testID": undefined,
44
+ },
45
+ "type": "View",
46
+ },
47
+ {
48
+ "$$typeof": Symbol(react.test.json),
49
+ "children": [
50
+ {
51
+ "$$typeof": Symbol(react.test.json),
52
+ "children": [
53
+ {
54
+ "$$typeof": Symbol(react.test.json),
55
+ "children": [
56
+ {
57
+ "$$typeof": Symbol(react.test.json),
58
+ "children": null,
59
+ "props": {
60
+ "style": {
61
+ "marginRight": 12,
62
+ },
63
+ "testID": undefined,
64
+ },
65
+ "type": "View",
66
+ },
67
+ {
68
+ "$$typeof": Symbol(react.test.json),
69
+ "children": [
70
+ "Continue with Google",
71
+ ],
72
+ "props": {
73
+ "style": {
74
+ "color": "#686868",
75
+ "fontSize": 16,
76
+ "fontWeight": "600",
77
+ },
78
+ },
79
+ "type": "Text",
80
+ },
81
+ ],
82
+ "props": {
83
+ "style": {
84
+ "alignItems": "center",
85
+ "flexDirection": "row",
86
+ },
87
+ "testID": undefined,
88
+ },
89
+ "type": "View",
90
+ },
91
+ ],
92
+ "props": {
93
+ "accessibilityHint": "Sign in with Google",
94
+ "aria-label": "Continue with Google",
95
+ "aria-role": "button",
96
+ "disabled": true,
97
+ "onPress": [Function: debounced],
98
+ "style": {
99
+ "alignItems": "center",
100
+ "alignSelf": "stretch",
101
+ "backgroundColor": "#9A9A9A",
102
+ "borderColor": "#dadce0",
103
+ "borderRadius": 360,
104
+ "borderWidth": 1,
105
+ "flexDirection": "row",
106
+ "justifyContent": "center",
107
+ "opacity": 0.6,
108
+ "paddingHorizontal": 20,
109
+ "paddingVertical": 12,
110
+ "width": "100%",
111
+ },
112
+ "testID": "oauth-google",
113
+ },
114
+ "type": "Pressable",
115
+ },
116
+ {
117
+ "$$typeof": Symbol(react.test.json),
118
+ "children": [
119
+ {
120
+ "$$typeof": Symbol(react.test.json),
121
+ "children": [
122
+ {
123
+ "$$typeof": Symbol(react.test.json),
124
+ "children": null,
125
+ "props": {
126
+ "style": {
127
+ "marginRight": 12,
128
+ },
129
+ "testID": undefined,
130
+ },
131
+ "type": "View",
132
+ },
133
+ {
134
+ "$$typeof": Symbol(react.test.json),
135
+ "children": [
136
+ "Continue with GitHub",
137
+ ],
138
+ "props": {
139
+ "style": {
140
+ "color": "#686868",
141
+ "fontSize": 16,
142
+ "fontWeight": "600",
143
+ },
144
+ },
145
+ "type": "Text",
146
+ },
147
+ ],
148
+ "props": {
149
+ "style": {
150
+ "alignItems": "center",
151
+ "flexDirection": "row",
152
+ },
153
+ "testID": undefined,
154
+ },
155
+ "type": "View",
156
+ },
157
+ ],
158
+ "props": {
159
+ "accessibilityHint": "Sign in with GitHub",
160
+ "aria-label": "Continue with GitHub",
161
+ "aria-role": "button",
162
+ "disabled": true,
163
+ "onPress": [Function: debounced],
164
+ "style": {
165
+ "alignItems": "center",
166
+ "alignSelf": "stretch",
167
+ "backgroundColor": "#9A9A9A",
168
+ "borderColor": "#24292e",
169
+ "borderRadius": 360,
170
+ "borderWidth": 1,
171
+ "flexDirection": "row",
172
+ "justifyContent": "center",
173
+ "opacity": 0.6,
174
+ "paddingHorizontal": 20,
175
+ "paddingVertical": 12,
176
+ "width": "100%",
177
+ },
178
+ "testID": "oauth-github",
179
+ },
180
+ "type": "Pressable",
181
+ },
182
+ {
183
+ "$$typeof": Symbol(react.test.json),
184
+ "children": [
185
+ {
186
+ "$$typeof": Symbol(react.test.json),
187
+ "children": [
188
+ {
189
+ "$$typeof": Symbol(react.test.json),
190
+ "children": null,
191
+ "props": {
192
+ "style": {
193
+ "marginRight": 12,
194
+ },
195
+ "testID": undefined,
196
+ },
197
+ "type": "View",
198
+ },
199
+ {
200
+ "$$typeof": Symbol(react.test.json),
201
+ "children": [
202
+ "Continue with Apple",
203
+ ],
204
+ "props": {
205
+ "style": {
206
+ "color": "#686868",
207
+ "fontSize": 16,
208
+ "fontWeight": "600",
209
+ },
210
+ },
211
+ "type": "Text",
212
+ },
213
+ ],
214
+ "props": {
215
+ "style": {
216
+ "alignItems": "center",
217
+ "flexDirection": "row",
218
+ },
219
+ "testID": undefined,
220
+ },
221
+ "type": "View",
222
+ },
223
+ ],
224
+ "props": {
225
+ "accessibilityHint": "Sign in with Apple",
226
+ "aria-label": "Continue with Apple",
227
+ "aria-role": "button",
228
+ "disabled": true,
229
+ "onPress": [Function: debounced],
230
+ "style": {
231
+ "alignItems": "center",
232
+ "alignSelf": "stretch",
233
+ "backgroundColor": "#9A9A9A",
234
+ "borderColor": "#000000",
235
+ "borderRadius": 360,
236
+ "borderWidth": 1,
237
+ "flexDirection": "row",
238
+ "justifyContent": "center",
239
+ "opacity": 0.6,
240
+ "paddingHorizontal": 20,
241
+ "paddingVertical": 12,
242
+ "width": "100%",
243
+ },
244
+ "testID": "oauth-apple",
245
+ },
246
+ "type": "Pressable",
247
+ },
248
+ ],
249
+ "props": {
250
+ "onPointerEnter": [Function: AsyncFunction],
251
+ "onPointerLeave": [Function: AsyncFunction],
252
+ "style": {
253
+ "gap": 12,
254
+ "marginTop": 16,
255
+ },
256
+ "testID": undefined,
257
+ },
258
+ "type": "View",
259
+ },
260
+ ],
261
+ "props": {
262
+ "onPointerEnter": [Function: AsyncFunction],
263
+ "onPointerLeave": [Function: AsyncFunction],
264
+ "style": {
265
+ "testID": "oauth",
266
+ "width": "100%",
267
+ },
268
+ "testID": "oauth",
269
+ },
270
+ "type": "View",
271
+ }
272
+ `;
package/src/signUp/__snapshots__/PasswordRequirements.test.tsx.snap ADDED
@@ -0,0 +1,427 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`PasswordRequirements renders correctly with empty password 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": [
10
+ {
11
+ "$$typeof": Symbol(react.test.json),
12
+ "children": [
13
+ {
14
+ "$$typeof": Symbol(react.test.json),
15
+ "children": [
16
+ "At least 8 characters",
17
+ ],
18
+ "props": {
19
+ "numberOfLines": 0,
20
+ "selectable": undefined,
21
+ "style": {
22
+ "color": "#686868",
23
+ "fontFamily": "text-regular",
24
+ "fontSize": 10,
25
+ "textAlign": "left",
26
+ },
27
+ "testID": undefined,
28
+ },
29
+ "type": "Text",
30
+ },
31
+ ],
32
+ "props": {},
33
+ "type": "View",
34
+ },
35
+ ],
36
+ "props": {
37
+ "style": {
38
+ "alignItems": "center",
39
+ "flexDirection": "row",
40
+ "gap": 8,
41
+ "marginBottom": 4,
42
+ },
43
+ "testID": "password-requirements-minLength",
44
+ },
45
+ "type": "View",
46
+ },
47
+ {
48
+ "$$typeof": Symbol(react.test.json),
49
+ "children": [
50
+ {
51
+ "$$typeof": Symbol(react.test.json),
52
+ "children": [
53
+ {
54
+ "$$typeof": Symbol(react.test.json),
55
+ "children": [
56
+ "At least one uppercase letter",
57
+ ],
58
+ "props": {
59
+ "numberOfLines": 0,
60
+ "selectable": undefined,
61
+ "style": {
62
+ "color": "#686868",
63
+ "fontFamily": "text-regular",
64
+ "fontSize": 10,
65
+ "textAlign": "left",
66
+ },
67
+ "testID": undefined,
68
+ },
69
+ "type": "Text",
70
+ },
71
+ ],
72
+ "props": {},
73
+ "type": "View",
74
+ },
75
+ ],
76
+ "props": {
77
+ "style": {
78
+ "alignItems": "center",
79
+ "flexDirection": "row",
80
+ "gap": 8,
81
+ "marginBottom": 4,
82
+ },
83
+ "testID": "password-requirements-uppercase",
84
+ },
85
+ "type": "View",
86
+ },
87
+ {
88
+ "$$typeof": Symbol(react.test.json),
89
+ "children": [
90
+ {
91
+ "$$typeof": Symbol(react.test.json),
92
+ "children": [
93
+ {
94
+ "$$typeof": Symbol(react.test.json),
95
+ "children": [
96
+ "At least one lowercase letter",
97
+ ],
98
+ "props": {
99
+ "numberOfLines": 0,
100
+ "selectable": undefined,
101
+ "style": {
102
+ "color": "#686868",
103
+ "fontFamily": "text-regular",
104
+ "fontSize": 10,
105
+ "textAlign": "left",
106
+ },
107
+ "testID": undefined,
108
+ },
109
+ "type": "Text",
110
+ },
111
+ ],
112
+ "props": {},
113
+ "type": "View",
114
+ },
115
+ ],
116
+ "props": {
117
+ "style": {
118
+ "alignItems": "center",
119
+ "flexDirection": "row",
120
+ "gap": 8,
121
+ "marginBottom": 4,
122
+ },
123
+ "testID": "password-requirements-lowercase",
124
+ },
125
+ "type": "View",
126
+ },
127
+ {
128
+ "$$typeof": Symbol(react.test.json),
129
+ "children": [
130
+ {
131
+ "$$typeof": Symbol(react.test.json),
132
+ "children": [
133
+ {
134
+ "$$typeof": Symbol(react.test.json),
135
+ "children": [
136
+ "At least one number",
137
+ ],
138
+ "props": {
139
+ "numberOfLines": 0,
140
+ "selectable": undefined,
141
+ "style": {
142
+ "color": "#686868",
143
+ "fontFamily": "text-regular",
144
+ "fontSize": 10,
145
+ "textAlign": "left",
146
+ },
147
+ "testID": undefined,
148
+ },
149
+ "type": "Text",
150
+ },
151
+ ],
152
+ "props": {},
153
+ "type": "View",
154
+ },
155
+ ],
156
+ "props": {
157
+ "style": {
158
+ "alignItems": "center",
159
+ "flexDirection": "row",
160
+ "gap": 8,
161
+ "marginBottom": 4,
162
+ },
163
+ "testID": "password-requirements-number",
164
+ },
165
+ "type": "View",
166
+ },
167
+ {
168
+ "$$typeof": Symbol(react.test.json),
169
+ "children": [
170
+ {
171
+ "$$typeof": Symbol(react.test.json),
172
+ "children": [
173
+ {
174
+ "$$typeof": Symbol(react.test.json),
175
+ "children": [
176
+ "At least one special character",
177
+ ],
178
+ "props": {
179
+ "numberOfLines": 0,
180
+ "selectable": undefined,
181
+ "style": {
182
+ "color": "#686868",
183
+ "fontFamily": "text-regular",
184
+ "fontSize": 10,
185
+ "textAlign": "left",
186
+ },
187
+ "testID": undefined,
188
+ },
189
+ "type": "Text",
190
+ },
191
+ ],
192
+ "props": {},
193
+ "type": "View",
194
+ },
195
+ ],
196
+ "props": {
197
+ "style": {
198
+ "alignItems": "center",
199
+ "flexDirection": "row",
200
+ "gap": 8,
201
+ "marginBottom": 4,
202
+ },
203
+ "testID": "password-requirements-special",
204
+ },
205
+ "type": "View",
206
+ },
207
+ ],
208
+ "props": {
209
+ "style": undefined,
210
+ "testID": "password-requirements",
211
+ },
212
+ "type": "View",
213
+ }
214
+ `;
215
+
216
+ exports[`PasswordRequirements renders correctly with a strong password 1`] = `
217
+ {
218
+ "$$typeof": Symbol(react.test.json),
219
+ "children": [
220
+ {
221
+ "$$typeof": Symbol(react.test.json),
222
+ "children": [
223
+ {
224
+ "$$typeof": Symbol(react.test.json),
225
+ "children": [
226
+ {
227
+ "$$typeof": Symbol(react.test.json),
228
+ "children": [
229
+ "At least 8 characters",
230
+ ],
231
+ "props": {
232
+ "numberOfLines": 0,
233
+ "selectable": undefined,
234
+ "style": {
235
+ "color": "#1A7F36",
236
+ "fontFamily": "text-regular",
237
+ "fontSize": 10,
238
+ "textAlign": "left",
239
+ },
240
+ "testID": undefined,
241
+ },
242
+ "type": "Text",
243
+ },
244
+ ],
245
+ "props": {},
246
+ "type": "View",
247
+ },
248
+ ],
249
+ "props": {
250
+ "style": {
251
+ "alignItems": "center",
252
+ "flexDirection": "row",
253
+ "gap": 8,
254
+ "marginBottom": 4,
255
+ },
256
+ "testID": "password-requirements-minLength",
257
+ },
258
+ "type": "View",
259
+ },
260
+ {
261
+ "$$typeof": Symbol(react.test.json),
262
+ "children": [
263
+ {
264
+ "$$typeof": Symbol(react.test.json),
265
+ "children": [
266
+ {
267
+ "$$typeof": Symbol(react.test.json),
268
+ "children": [
269
+ "At least one uppercase letter",
270
+ ],
271
+ "props": {
272
+ "numberOfLines": 0,
273
+ "selectable": undefined,
274
+ "style": {
275
+ "color": "#1A7F36",
276
+ "fontFamily": "text-regular",
277
+ "fontSize": 10,
278
+ "textAlign": "left",
279
+ },
280
+ "testID": undefined,
281
+ },
282
+ "type": "Text",
283
+ },
284
+ ],
285
+ "props": {},
286
+ "type": "View",
287
+ },
288
+ ],
289
+ "props": {
290
+ "style": {
291
+ "alignItems": "center",
292
+ "flexDirection": "row",
293
+ "gap": 8,
294
+ "marginBottom": 4,
295
+ },
296
+ "testID": "password-requirements-uppercase",
297
+ },
298
+ "type": "View",
299
+ },
300
+ {
301
+ "$$typeof": Symbol(react.test.json),
302
+ "children": [
303
+ {
304
+ "$$typeof": Symbol(react.test.json),
305
+ "children": [
306
+ {
307
+ "$$typeof": Symbol(react.test.json),
308
+ "children": [
309
+ "At least one lowercase letter",
310
+ ],
311
+ "props": {
312
+ "numberOfLines": 0,
313
+ "selectable": undefined,
314
+ "style": {
315
+ "color": "#1A7F36",
316
+ "fontFamily": "text-regular",
317
+ "fontSize": 10,
318
+ "textAlign": "left",
319
+ },
320
+ "testID": undefined,
321
+ },
322
+ "type": "Text",
323
+ },
324
+ ],
325
+ "props": {},
326
+ "type": "View",
327
+ },
328
+ ],
329
+ "props": {
330
+ "style": {
331
+ "alignItems": "center",
332
+ "flexDirection": "row",
333
+ "gap": 8,
334
+ "marginBottom": 4,
335
+ },
336
+ "testID": "password-requirements-lowercase",
337
+ },
338
+ "type": "View",
339
+ },
340
+ {
341
+ "$$typeof": Symbol(react.test.json),
342
+ "children": [
343
+ {
344
+ "$$typeof": Symbol(react.test.json),
345
+ "children": [
346
+ {
347
+ "$$typeof": Symbol(react.test.json),
348
+ "children": [
349
+ "At least one number",
350
+ ],
351
+ "props": {
352
+ "numberOfLines": 0,
353
+ "selectable": undefined,
354
+ "style": {
355
+ "color": "#1A7F36",
356
+ "fontFamily": "text-regular",
357
+ "fontSize": 10,
358
+ "textAlign": "left",
359
+ },
360
+ "testID": undefined,
361
+ },
362
+ "type": "Text",
363
+ },
364
+ ],
365
+ "props": {},
366
+ "type": "View",
367
+ },
368
+ ],
369
+ "props": {
370
+ "style": {
371
+ "alignItems": "center",
372
+ "flexDirection": "row",
373
+ "gap": 8,
374
+ "marginBottom": 4,
375
+ },
376
+ "testID": "password-requirements-number",
377
+ },
378
+ "type": "View",
379
+ },
380
+ {
381
+ "$$typeof": Symbol(react.test.json),
382
+ "children": [
383
+ {
384
+ "$$typeof": Symbol(react.test.json),
385
+ "children": [
386
+ {
387
+ "$$typeof": Symbol(react.test.json),
388
+ "children": [
389
+ "At least one special character",
390
+ ],
391
+ "props": {
392
+ "numberOfLines": 0,
393
+ "selectable": undefined,
394
+ "style": {
395
+ "color": "#1A7F36",
396
+ "fontFamily": "text-regular",
397
+ "fontSize": 10,
398
+ "textAlign": "left",
399
+ },
400
+ "testID": undefined,
401
+ },
402
+ "type": "Text",
403
+ },
404
+ ],
405
+ "props": {},
406
+ "type": "View",
407
+ },
408
+ ],
409
+ "props": {
410
+ "style": {
411
+ "alignItems": "center",
412
+ "flexDirection": "row",
413
+ "gap": 8,
414
+ "marginBottom": 4,
415
+ },
416
+ "testID": "password-requirements-special",
417
+ },
418
+ "type": "View",
419
+ },
420
+ ],
421
+ "props": {
422
+ "style": undefined,
423
+ "testID": "password-requirements",
424
+ },
425
+ "type": "View",
426
+ }
427
+ `;