Skip to content

Commit 83a2d84

Browse files
ahmedhamouda78Ahmed Hamouda
ahmedhamouda78
and
Ahmed Hamouda
authored
fix(ui-react-native): fix autofill not triggering change events corre… (#6670)
* fix(ui-react-native): fix autofill not triggering change events correctly * changeset: fix(ui-react-native): fix autofill not triggering change events correctly --------- Co-authored-by: Ahmed Hamouda <[email protected]>
1 parent 6699ddd commit 83a2d84

File tree

12 files changed

+238
-5
lines changed

12 files changed

+238
-5
lines changed

‎.changeset/eighty-meals-perform.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@aws-amplify/ui-react-native': minor
3+
---
4+
5+
fix(ui-react-native): fix autofill not triggering change events correctly

‎packages/react-native/src/Authenticator/Defaults/ConfirmResetPassword/__tests__/__snapshots__/ConfirmResetPassword.spec.tsx.snap

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,7 @@ exports[`ConfirmResetPassword renders an error message 1`] = `
9393
autoCapitalize="none"
9494
editable={true}
9595
onBlur={[Function]}
96+
onChange={[Function]}
9697
onChangeText={[Function]}
9798
placeholder="Code"
9899
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -177,6 +178,7 @@ exports[`ConfirmResetPassword renders an error message 1`] = `
177178
autoCapitalize="none"
178179
editable={true}
179180
onBlur={[Function]}
181+
onChange={[Function]}
180182
onChangeText={[Function]}
181183
placeholder="New Password"
182184
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -339,6 +341,7 @@ exports[`ConfirmResetPassword renders an error message 1`] = `
339341
autoCapitalize="none"
340342
editable={true}
341343
onBlur={[Function]}
344+
onChange={[Function]}
342345
onChangeText={[Function]}
343346
placeholder="Confirm Password"
344347
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -728,6 +731,7 @@ exports[`ConfirmResetPassword renders as expected 1`] = `
728731
autoCapitalize="none"
729732
editable={true}
730733
onBlur={[Function]}
734+
onChange={[Function]}
731735
onChangeText={[Function]}
732736
placeholder="Code"
733737
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -812,6 +816,7 @@ exports[`ConfirmResetPassword renders as expected 1`] = `
812816
autoCapitalize="none"
813817
editable={true}
814818
onBlur={[Function]}
819+
onChange={[Function]}
815820
onChangeText={[Function]}
816821
placeholder="New Password"
817822
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -974,6 +979,7 @@ exports[`ConfirmResetPassword renders as expected 1`] = `
974979
autoCapitalize="none"
975980
editable={true}
976981
onBlur={[Function]}
982+
onChange={[Function]}
977983
onChangeText={[Function]}
978984
placeholder="Confirm Password"
979985
placeholderTextColor="hsl(210, 10%, 40%)"

‎packages/react-native/src/Authenticator/Defaults/ConfirmSignIn/__tests__/__snapshots__/ConfirmSignIn.spec.tsx.snap

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,7 @@ exports[`ConfirmSignIn renders an error message 1`] = `
9393
autoCapitalize="none"
9494
editable={true}
9595
onBlur={[Function]}
96+
onChange={[Function]}
9697
onChangeText={[Function]}
9798
placeholder="Code"
9899
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -413,6 +414,7 @@ exports[`ConfirmSignIn renders as expected 1`] = `
413414
autoCapitalize="none"
414415
editable={true}
415416
onBlur={[Function]}
417+
onChange={[Function]}
416418
onChangeText={[Function]}
417419
placeholder="Code"
418420
placeholderTextColor="hsl(210, 10%, 40%)"

‎packages/react-native/src/Authenticator/Defaults/ForceNewPassword/__tests__/__snapshots__/ForceNewPassword.spec.tsx.snap

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,7 @@ exports[`ForceNewPassword renders an error message 1`] = `
7171
autoCapitalize="none"
7272
editable={true}
7373
onBlur={[Function]}
74+
onChange={[Function]}
7475
onChangeText={[Function]}
7576
placeholderTextColor="hsl(210, 10%, 40%)"
7677
secureTextEntry={true}
@@ -446,6 +447,7 @@ exports[`ForceNewPassword renders as expected 1`] = `
446447
autoCapitalize="none"
447448
editable={true}
448449
onBlur={[Function]}
450+
onChange={[Function]}
449451
onChangeText={[Function]}
450452
placeholderTextColor="hsl(210, 10%, 40%)"
451453
secureTextEntry={true}
@@ -761,6 +763,7 @@ exports[`ForceNewPassword renders as expected with validationErrors 1`] = `
761763
autoCapitalize="none"
762764
editable={false}
763765
onBlur={[Function]}
766+
onChange={[Function]}
764767
onChangeText={[Function]}
765768
placeholderTextColor="hsl(210, 10%, 40%)"
766769
secureTextEntry={true}

‎packages/react-native/src/Authenticator/Defaults/ForgotPassword/__tests__/__snapshots__/ForgotPassword.spec.tsx.snap

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,7 @@ exports[`ForgotPassword renders an error message 1`] = `
9393
autoCapitalize="none"
9494
editable={true}
9595
onBlur={[Function]}
96+
onChange={[Function]}
9697
onChangeText={[Function]}
9798
placeholder="Username"
9899
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -413,6 +414,7 @@ exports[`ForgotPassword renders as expected 1`] = `
413414
autoCapitalize="none"
414415
editable={true}
415416
onBlur={[Function]}
417+
onChange={[Function]}
416418
onChangeText={[Function]}
417419
placeholder="Username"
418420
placeholderTextColor="hsl(210, 10%, 40%)"

‎packages/react-native/src/Authenticator/Defaults/SetupEmail/__tests__/__snapshots__/SetupEmail.spec.tsx.snap

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,7 @@ exports[`SetupEmail renders an error message 1`] = `
9393
autoCapitalize="none"
9494
editable={true}
9595
onBlur={[Function]}
96+
onChange={[Function]}
9697
onChangeText={[Function]}
9798
placeholder="Email"
9899
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -413,6 +414,7 @@ exports[`SetupEmail renders as expected 1`] = `
413414
autoCapitalize="none"
414415
editable={true}
415416
onBlur={[Function]}
417+
onChange={[Function]}
416418
onChangeText={[Function]}
417419
placeholder="Email"
418420
placeholderTextColor="hsl(210, 10%, 40%)"

‎packages/react-native/src/Authenticator/Defaults/SetupTotp/__tests__/__snapshots__/SetupTotp.spec.tsx.snap

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -138,6 +138,7 @@ exports[`SetupTotp renders an error message 1`] = `
138138
autoCapitalize="none"
139139
editable={true}
140140
onBlur={[Function]}
141+
onChange={[Function]}
141142
onChangeText={[Function]}
142143
placeholder="Code"
143144
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -503,6 +504,7 @@ exports[`SetupTotp renders as expected 1`] = `
503504
autoCapitalize="none"
504505
editable={true}
505506
onBlur={[Function]}
507+
onChange={[Function]}
506508
onChangeText={[Function]}
507509
placeholder="Code"
508510
placeholderTextColor="hsl(210, 10%, 40%)"

‎packages/react-native/src/Authenticator/Defaults/SignIn/__tests__/__snapshots__/SignIn.spec.tsx.snap

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,7 @@ exports[`SignIn renders as expected 1`] = `
9393
autoCapitalize="none"
9494
editable={true}
9595
onBlur={[Function]}
96+
onChange={[Function]}
9697
onChangeText={[Function]}
9798
placeholder="Username"
9899
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -177,6 +178,7 @@ exports[`SignIn renders as expected 1`] = `
177178
autoCapitalize="none"
178179
editable={true}
179180
onBlur={[Function]}
181+
onChange={[Function]}
180182
onChangeText={[Function]}
181183
placeholder="Password"
182184
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -581,6 +583,7 @@ exports[`SignIn renders as expected when hideSignUp is true 1`] = `
581583
autoCapitalize="none"
582584
editable={true}
583585
onBlur={[Function]}
586+
onChange={[Function]}
584587
onChangeText={[Function]}
585588
placeholder="Username"
586589
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -665,6 +668,7 @@ exports[`SignIn renders as expected when hideSignUp is true 1`] = `
665668
autoCapitalize="none"
666669
editable={true}
667670
onBlur={[Function]}
671+
onChange={[Function]}
668672
onChangeText={[Function]}
669673
placeholder="Password"
670674
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -1002,6 +1006,7 @@ exports[`SignIn renders as expected with an error 1`] = `
10021006
autoCapitalize="none"
10031007
editable={true}
10041008
onBlur={[Function]}
1009+
onChange={[Function]}
10051010
onChangeText={[Function]}
10061011
placeholder="Username"
10071012
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -1086,6 +1091,7 @@ exports[`SignIn renders as expected with an error 1`] = `
10861091
autoCapitalize="none"
10871092
editable={true}
10881093
onBlur={[Function]}
1094+
onChange={[Function]}
10891095
onChangeText={[Function]}
10901096
placeholder="Password"
10911097
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -1729,6 +1735,7 @@ exports[`SignIn renders as expected with social providers 1`] = `
17291735
autoCapitalize="none"
17301736
editable={true}
17311737
onBlur={[Function]}
1738+
onChange={[Function]}
17321739
onChangeText={[Function]}
17331740
placeholder="Username"
17341741
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -1813,6 +1820,7 @@ exports[`SignIn renders as expected with social providers 1`] = `
18131820
autoCapitalize="none"
18141821
editable={true}
18151822
onBlur={[Function]}
1823+
onChange={[Function]}
18161824
onChangeText={[Function]}
18171825
placeholder="Password"
18181826
placeholderTextColor="hsl(210, 10%, 40%)"

‎packages/react-native/src/Authenticator/Defaults/SignUp/__tests__/__snapshots__/SignUp.spec.tsx.snap

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,7 @@ exports[`SignUp renders as expected 1`] = `
9393
autoCapitalize="none"
9494
editable={true}
9595
onBlur={[Function]}
96+
onChange={[Function]}
9697
onChangeText={[Function]}
9798
placeholder="Username"
9899
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -177,6 +178,7 @@ exports[`SignUp renders as expected 1`] = `
177178
autoCapitalize="none"
178179
editable={true}
179180
onBlur={[Function]}
181+
onChange={[Function]}
180182
onChangeText={[Function]}
181183
placeholder="Password"
182184
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -339,6 +341,7 @@ exports[`SignUp renders as expected 1`] = `
339341
autoCapitalize="none"
340342
editable={true}
341343
onBlur={[Function]}
344+
onChange={[Function]}
342345
onChangeText={[Function]}
343346
placeholder="Confirm Password"
344347
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -505,6 +508,7 @@ exports[`SignUp renders as expected 1`] = `
505508
editable={true}
506509
keyboardType="phone-pad"
507510
onBlur={[Function]}
511+
onChange={[Function]}
508512
onChangeText={[Function]}
509513
placeholder="Phone"
510514
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -767,6 +771,7 @@ exports[`SignUp renders as expected when hideSignIn is true 1`] = `
767771
autoCapitalize="none"
768772
editable={true}
769773
onBlur={[Function]}
774+
onChange={[Function]}
770775
onChangeText={[Function]}
771776
placeholder="Username"
772777
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -851,6 +856,7 @@ exports[`SignUp renders as expected when hideSignIn is true 1`] = `
851856
autoCapitalize="none"
852857
editable={true}
853858
onBlur={[Function]}
859+
onChange={[Function]}
854860
onChangeText={[Function]}
855861
placeholder="Password"
856862
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -1013,6 +1019,7 @@ exports[`SignUp renders as expected when hideSignIn is true 1`] = `
10131019
autoCapitalize="none"
10141020
editable={true}
10151021
onBlur={[Function]}
1022+
onChange={[Function]}
10161023
onChangeText={[Function]}
10171024
placeholder="Confirm Password"
10181025
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -1179,6 +1186,7 @@ exports[`SignUp renders as expected when hideSignIn is true 1`] = `
11791186
editable={true}
11801187
keyboardType="phone-pad"
11811188
onBlur={[Function]}
1189+
onChange={[Function]}
11821190
onChangeText={[Function]}
11831191
placeholder="Phone"
11841192
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -1365,6 +1373,7 @@ exports[`SignUp renders as expected when isPending is true 1`] = `
13651373
autoCapitalize="none"
13661374
editable={false}
13671375
onBlur={[Function]}
1376+
onChange={[Function]}
13681377
onChangeText={[Function]}
13691378
placeholder="Username"
13701379
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -1450,6 +1459,7 @@ exports[`SignUp renders as expected when isPending is true 1`] = `
14501459
autoCapitalize="none"
14511460
editable={false}
14521461
onBlur={[Function]}
1462+
onChange={[Function]}
14531463
onChangeText={[Function]}
14541464
placeholder="Password"
14551465
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -1615,6 +1625,7 @@ exports[`SignUp renders as expected when isPending is true 1`] = `
16151625
autoCapitalize="none"
16161626
editable={false}
16171627
onBlur={[Function]}
1628+
onChange={[Function]}
16181629
onChangeText={[Function]}
16191630
placeholder="Confirm Password"
16201631
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -1784,6 +1795,7 @@ exports[`SignUp renders as expected when isPending is true 1`] = `
17841795
editable={false}
17851796
keyboardType="phone-pad"
17861797
onBlur={[Function]}
1798+
onChange={[Function]}
17871799
onChangeText={[Function]}
17881800
placeholder="Phone"
17891801
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -2046,6 +2058,7 @@ exports[`SignUp renders as expected with errors 1`] = `
20462058
autoCapitalize="none"
20472059
editable={true}
20482060
onBlur={[Function]}
2061+
onChange={[Function]}
20492062
onChangeText={[Function]}
20502063
placeholder="Username"
20512064
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -2130,6 +2143,7 @@ exports[`SignUp renders as expected with errors 1`] = `
21302143
autoCapitalize="none"
21312144
editable={true}
21322145
onBlur={[Function]}
2146+
onChange={[Function]}
21332147
onChangeText={[Function]}
21342148
placeholder="Password"
21352149
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -2292,6 +2306,7 @@ exports[`SignUp renders as expected with errors 1`] = `
22922306
autoCapitalize="none"
22932307
editable={true}
22942308
onBlur={[Function]}
2309+
onChange={[Function]}
22952310
onChangeText={[Function]}
22962311
placeholder="Confirm Password"
22972312
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -2458,6 +2473,7 @@ exports[`SignUp renders as expected with errors 1`] = `
24582473
editable={true}
24592474
keyboardType="phone-pad"
24602475
onBlur={[Function]}
2476+
onChange={[Function]}
24612477
onChangeText={[Function]}
24622478
placeholder="Phone"
24632479
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -2959,6 +2975,7 @@ exports[`SignUp renders as expected with social providers 1`] = `
29592975
autoCapitalize="none"
29602976
editable={true}
29612977
onBlur={[Function]}
2978+
onChange={[Function]}
29622979
onChangeText={[Function]}
29632980
placeholder="Username"
29642981
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -3043,6 +3060,7 @@ exports[`SignUp renders as expected with social providers 1`] = `
30433060
autoCapitalize="none"
30443061
editable={true}
30453062
onBlur={[Function]}
3063+
onChange={[Function]}
30463064
onChangeText={[Function]}
30473065
placeholder="Password"
30483066
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -3205,6 +3223,7 @@ exports[`SignUp renders as expected with social providers 1`] = `
32053223
autoCapitalize="none"
32063224
editable={true}
32073225
onBlur={[Function]}
3226+
onChange={[Function]}
32083227
onChangeText={[Function]}
32093228
placeholder="Confirm Password"
32103229
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -3371,6 +3390,7 @@ exports[`SignUp renders as expected with social providers 1`] = `
33713390
editable={true}
33723391
keyboardType="phone-pad"
33733392
onBlur={[Function]}
3393+
onChange={[Function]}
33743394
onChangeText={[Function]}
33753395
placeholder="Phone"
33763396
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -3634,6 +3654,7 @@ exports[`SignUp renders as expected with validationErrors 1`] = `
36343654
autoCapitalize="none"
36353655
editable={false}
36363656
onBlur={[Function]}
3657+
onChange={[Function]}
36373658
onChangeText={[Function]}
36383659
placeholder="Username"
36393660
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -3748,6 +3769,7 @@ exports[`SignUp renders as expected with validationErrors 1`] = `
37483769
autoCapitalize="none"
37493770
editable={false}
37503771
onBlur={[Function]}
3772+
onChange={[Function]}
37513773
onChangeText={[Function]}
37523774
placeholder="Password"
37533775
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -3913,6 +3935,7 @@ exports[`SignUp renders as expected with validationErrors 1`] = `
39133935
autoCapitalize="none"
39143936
editable={false}
39153937
onBlur={[Function]}
3938+
onChange={[Function]}
39163939
onChangeText={[Function]}
39173940
placeholder="Confirm Password"
39183941
placeholderTextColor="hsl(210, 10%, 40%)"
@@ -4082,6 +4105,7 @@ exports[`SignUp renders as expected with validationErrors 1`] = `
40824105
editable={false}
40834106
keyboardType="phone-pad"
40844107
onBlur={[Function]}
4108+
onChange={[Function]}
40854109
onChangeText={[Function]}
40864110
placeholder="Phone"
40874111
placeholderTextColor="hsl(210, 10%, 40%)"

0 commit comments

Comments
 (0)