fix(rna): add Field component to address iOS TextInput secureTextEntr…

…y bug (#3216)
aws-amplify · Dec 22, 2022 · a4c5fee · a4c5fee
1 parent d730303
commit a4c5fee
Show file tree

Hide file tree

Showing 8 changed files with 281 additions and 13 deletions.
diff --git a/.changeset/clever-peas-suffer.md b/.changeset/clever-peas-suffer.md
@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui-react-native": patch
+---
+
+fix(rna): add Field component to address iOS TextInput secureTextEntry bug
diff --git a/.../Defaults/ConfirmResetPassword/__tests__/__snapshots__/ConfirmResetPassword.spec.tsx.snap b/.../Defaults/ConfirmResetPassword/__tests__/__snapshots__/ConfirmResetPassword.spec.tsx.snap
@@ -249,6 +249,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -387,6 +398,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
   </View>,
   <View
     accessibilityRole="alert"
@@ -795,6 +817,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -933,6 +966,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
   </View>,
   <View
     accessibilityRole="button"

diff --git a/...nticator/Defaults/ForceNewPassword/__tests__/__snapshots__/ForceNewPassword.spec.tsx.snap b/...nticator/Defaults/ForceNewPassword/__tests__/__snapshots__/ForceNewPassword.spec.tsx.snap
@@ -141,6 +141,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
   </View>,
   <View
     accessibilityRole="alert"
@@ -450,6 +461,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
   </View>,
   <View
     accessibilityRole="button"
@@ -704,6 +726,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Object {

diff --git a/...act-native/src/Authenticator/Defaults/SignIn/__tests__/__snapshots__/SignIn.spec.tsx.snap b/...act-native/src/Authenticator/Defaults/SignIn/__tests__/__snapshots__/SignIn.spec.tsx.snap
@@ -249,6 +249,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
   </View>,
   <View
     accessibilityRole="button"
@@ -656,6 +667,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
   </View>,
   <View
     accessibilityRole="button"
@@ -1015,6 +1037,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
   </View>,
   <View
     accessibilityRole="alert"

diff --git a/...act-native/src/Authenticator/Defaults/SignUp/__tests__/__snapshots__/SignUp.spec.tsx.snap b/...act-native/src/Authenticator/Defaults/SignUp/__tests__/__snapshots__/SignUp.spec.tsx.snap
@@ -249,6 +249,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -387,6 +398,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -837,6 +859,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -975,6 +1008,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -1371,6 +1415,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -1512,6 +1567,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -1963,6 +2029,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -2101,6 +2178,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -2642,6 +2730,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [
@@ -2783,6 +2882,17 @@ Array [
         </View>
       </View>
     </View>
+    <TextInput
+      accessibilityElementsHidden={true}
+      pointerEvents="none"
+      style={
+        Object {
+          "backgroundColor": "transparent",
+          "height": 0.1,
+          "width": 0.1,
+        }
+      }
+    />
     <View
       style={
         Array [