@hero-design/rn 7.18.1 → 7.19.0

package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap

@@ -22,177 +22,181 @@ Array [
       }
     >
       <View
-        pointerEvents="auto"
-        style={
-          Array [
-            Object {
-              "marginVertical": 8,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
+        pointerEvents="none"
       >
         <View
+          pointerEvents="auto"
           style={
             Array [
               Object {
-                "alignItems": "center",
-                "flexDirection": "row",
-                "padding": 16,
+                "marginVertical": 8,
+                "width": "100%",
               },
               undefined,
             ]
           }
         >
-          <View
-            style={
-              Array [
-                Object {
-                  "borderColor": "#001f23",
-                  "borderRadius": 8,
-                  "borderWidth": 1,
-                  "bottom": 0,
-                  "left": 0,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                },
-                undefined,
-              ]
-            }
-            themeVariant="default"
-          />
           <View
             style={
               Array [
                 Object {
                   "alignItems": "center",
-                  "alignSelf": "stretch",
                   "flexDirection": "row",
-                  "flexGrow": 2,
-                  "flexShrink": 1,
+                  "padding": 16,
                 },
                 undefined,
               ]
             }
           >
             <View
-              pointerEvents="none"
               style={
                 Array [
                   Object {
-                    "alignItems": "center",
+                    "borderColor": "#001f23",
+                    "borderRadius": 8,
+                    "borderWidth": 1,
                     "bottom": 0,
-                    "flexDirection": "row",
                     "left": 0,
                     "position": "absolute",
                     "right": 0,
                     "top": 0,
-                    "zIndex": 9999,
+                  },
+                  undefined,
+                ]
+              }
+              themeVariant="default"
+            />
+            <View
+              style={
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "alignSelf": "stretch",
+                    "flexDirection": "row",
+                    "flexGrow": 2,
+                    "flexShrink": 1,
                   },
                   undefined,
                 ]
               }
             >
-              <Text
+              <View
+                pointerEvents="none"
                 style={
                   Array [
                     Object {
-                      "color": "#001f23",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 14,
-                      "letterSpacing": 0.42,
-                      "lineHeight": 22,
+                      "alignItems": "center",
+                      "bottom": 0,
+                      "flexDirection": "row",
+                      "left": 0,
+                      "position": "absolute",
+                      "right": 0,
+                      "top": 0,
+                      "zIndex": 9999,
                     },
+                    undefined,
+                  ]
+                }
+              >
+                <Text
+                  style={
                     Array [
                       Object {
-                        "alignContent": "center",
-                        "alignItems": "center",
                         "color": "#001f23",
+                        "fontFamily": "BeVietnamPro-Regular",
                         "fontSize": 14,
-                        "textAlignVertical": "center",
+                        "letterSpacing": 0.42,
+                        "lineHeight": 22,
                       },
-                      undefined,
-                    ],
+                      Array [
+                        Object {
+                          "alignContent": "center",
+                          "alignItems": "center",
+                          "color": "#001f23",
+                          "fontSize": 14,
+                          "textAlignVertical": "center",
+                        },
+                        undefined,
+                      ],
+                    ]
+                  }
+                  testID="input-label"
+                  themeFontSize="medium"
+                  themeFontWeight="regular"
+                  themeIntent="body"
+                  themeVariant="default"
+                >
+                  Choose collaborators
+                </Text>
+              </View>
+              <TextInput
+                accessibilityState={
+                  Object {
+                    "disabled": false,
+                  }
+                }
+                editable={true}
+                multiline={true}
+                onBlur={[Function]}
+                onChangeText={[Function]}
+                onFocus={[Function]}
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "alignSelf": "stretch",
+                      "flexGrow": 2,
+                      "fontSize": 14,
+                      "marginHorizontal": 8,
+                      "textAlignVertical": "center",
+                    },
+                    Object {
+                      "color": "#001f23",
+                    },
                   ]
                 }
-                testID="input-label"
-                themeFontSize="medium"
-                themeFontWeight="regular"
-                themeIntent="body"
-                themeVariant="default"
-              >
-                Choose collaborators
-              </Text>
+                testID="text-input"
+                value=""
+              />
             </View>
-            <TextInput
-              accessibilityState={
-                Object {
-                  "disabled": false,
-                }
-              }
-              editable={true}
-              multiline={true}
-              onBlur={[Function]}
-              onChangeText={[Function]}
-              onFocus={[Function]}
-              pointerEvents="none"
+            <HeroIcon
+              name="arrow-down"
               style={
                 Array [
-                  Object {
-                    "alignSelf": "stretch",
-                    "flexGrow": 2,
-                    "fontSize": 14,
-                    "marginHorizontal": 8,
-                    "textAlignVertical": "center",
-                  },
                   Object {
                     "color": "#001f23",
+                    "fontSize": 16,
                   },
+                  undefined,
                 ]
               }
-              testID="text-input"
-              value=""
+              testID="input-suffix"
+              themeIntent="text"
+              themeSize="xsmall"
             />
           </View>
-          <HeroIcon
-            name="arrow-down"
-            style={
-              Array [
-                Object {
-                  "color": "#001f23",
-                  "fontSize": 16,
-                },
-                undefined,
-              ]
-            }
-            testID="input-suffix"
-            themeIntent="text"
-            themeSize="xsmall"
-          />
-        </View>
-        <View
-          style={
-            Array [
-              Object {
-                "paddingLeft": 16,
-              },
-              undefined,
-            ]
-          }
-        >
           <View
             style={
               Array [
                 Object {
-                  "flexDirection": "row",
-                  "justifyContent": "space-between",
+                  "paddingLeft": 16,
                 },
                 undefined,
               ]
             }
-          />
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "flexDirection": "row",
+                    "justifyContent": "space-between",
+                  },
+                  undefined,
+                ]
+              }
+            />
+          </View>
         </View>
       </View>
     </View>
@@ -1346,24 +1350,15 @@ Array [
       }
     >
       <View
-        pointerEvents="auto"
-        style={
-          Array [
-            Object {
-              "marginVertical": 8,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
+        pointerEvents="none"
       >
         <View
+          pointerEvents="auto"
           style={
             Array [
               Object {
-                "alignItems": "center",
-                "flexDirection": "row",
-                "padding": 16,
+                "marginVertical": 8,
+                "width": "100%",
               },
               undefined,
             ]
@@ -1373,145 +1368,158 @@ Array [
             style={
               Array [
                 Object {
-                  "borderColor": "#001f23",
-                  "borderRadius": 8,
-                  "borderWidth": 1,
-                  "bottom": 0,
-                  "left": 0,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                },
-                undefined,
-              ]
-            }
-            themeVariant="filled"
-          />
-          <View
-            pointerEvents="none"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "#ffffff",
+                  "alignItems": "center",
                   "flexDirection": "row",
-                  "left": 16,
-                  "paddingHorizontal": 4,
-                  "position": "absolute",
-                  "top": -10,
-                  "zIndex": 1,
+                  "padding": 16,
                 },
                 undefined,
               ]
             }
           >
-            <Text
+            <View
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
-                    "fontFamily": "BeVietnamPro-Regular",
-                    "fontSize": 12,
-                    "letterSpacing": 0.36,
-                    "lineHeight": 20,
+                    "borderColor": "#001f23",
+                    "borderRadius": 8,
+                    "borderWidth": 1,
+                    "bottom": 0,
+                    "left": 0,
+                    "position": "absolute",
+                    "right": 0,
+                    "top": 0,
                   },
-                  Array [
-                    Object {
-                      "color": "#001f23",
-                    },
-                    undefined,
-                  ],
+                  undefined,
                 ]
               }
-              testID="input-label"
-              themeFontSize="small"
-              themeFontWeight="regular"
-              themeIntent="body"
               themeVariant="filled"
+            />
+            <View
+              pointerEvents="none"
+              style={
+                Array [
+                  Object {
+                    "backgroundColor": "#ffffff",
+                    "flexDirection": "row",
+                    "left": 16,
+                    "paddingHorizontal": 4,
+                    "position": "absolute",
+                    "top": -10,
+                    "zIndex": 1,
+                  },
+                  undefined,
+                ]
+              }
             >
-              Allow notifications
-            </Text>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "alignSelf": "stretch",
-                  "flexDirection": "row",
-                  "flexGrow": 2,
-                  "flexShrink": 1,
-                },
-                undefined,
-              ]
-            }
-          >
-            <TextInput
-              accessibilityState={
-                Object {
-                  "disabled": false,
+              <Text
+                style={
+                  Array [
+                    Object {
+                      "color": "#001f23",
+                      "fontFamily": "BeVietnamPro-Regular",
+                      "fontSize": 12,
+                      "letterSpacing": 0.36,
+                      "lineHeight": 20,
+                    },
+                    Array [
+                      Object {
+                        "color": "#001f23",
+                      },
+                      undefined,
+                    ],
+                  ]
                 }
-              }
-              editable={true}
-              multiline={true}
-              onBlur={[Function]}
-              onChangeText={[Function]}
-              onFocus={[Function]}
-              pointerEvents="none"
+                testID="input-label"
+                themeFontSize="small"
+                themeFontWeight="regular"
+                themeIntent="body"
+                themeVariant="filled"
+              >
+                Allow notifications
+              </Text>
+            </View>
+            <View
               style={
                 Array [
                   Object {
+                    "alignItems": "center",
                     "alignSelf": "stretch",
+                    "flexDirection": "row",
                     "flexGrow": 2,
-                    "fontSize": 14,
-                    "marginHorizontal": 8,
-                    "textAlignVertical": "center",
+                    "flexShrink": 1,
                   },
+                  undefined,
+                ]
+              }
+            >
+              <TextInput
+                accessibilityState={
+                  Object {
+                    "disabled": false,
+                  }
+                }
+                editable={true}
+                multiline={true}
+                onBlur={[Function]}
+                onChangeText={[Function]}
+                onFocus={[Function]}
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "alignSelf": "stretch",
+                      "flexGrow": 2,
+                      "fontSize": 14,
+                      "marginHorizontal": 8,
+                      "textAlignVertical": "center",
+                    },
+                    Object {
+                      "color": "#001f23",
+                    },
+                  ]
+                }
+                testID="text-input"
+                value="Monday, Tuesday"
+              />
+            </View>
+            <HeroIcon
+              name="arrow-down"
+              style={
+                Array [
                   Object {
                     "color": "#001f23",
+                    "fontSize": 16,
                   },
+                  undefined,
                 ]
               }
-              testID="text-input"
-              value="Monday, Tuesday"
+              testID="input-suffix"
+              themeIntent="text"
+              themeSize="xsmall"
             />
           </View>
-          <HeroIcon
-            name="arrow-down"
-            style={
-              Array [
-                Object {
-                  "color": "#001f23",
-                  "fontSize": 16,
-                },
-                undefined,
-              ]
-            }
-            testID="input-suffix"
-            themeIntent="text"
-            themeSize="xsmall"
-          />
-        </View>
-        <View
-          style={
-            Array [
-              Object {
-                "paddingLeft": 16,
-              },
-              undefined,
-            ]
-          }
-        >
           <View
             style={
               Array [
                 Object {
-                  "flexDirection": "row",
-                  "justifyContent": "space-between",
+                  "paddingLeft": 16,
                 },
                 undefined,
               ]
             }
-          />
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "flexDirection": "row",
+                    "justifyContent": "space-between",
+                  },
+                  undefined,
+                ]
+              }
+            />
+          </View>
         </View>
       </View>
     </View>
@@ -2863,24 +2871,15 @@ Array [
       }
     >
       <View
-        pointerEvents="auto"
-        style={
-          Array [
-            Object {
-              "marginVertical": 8,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
+        pointerEvents="none"
       >
         <View
+          pointerEvents="auto"
           style={
             Array [
               Object {
-                "alignItems": "center",
-                "flexDirection": "row",
-                "padding": 16,
+                "marginVertical": 8,
+                "width": "100%",
               },
               undefined,
             ]
@@ -2890,145 +2889,158 @@ Array [
             style={
               Array [
                 Object {
-                  "borderColor": "#001f23",
-                  "borderRadius": 8,
-                  "borderWidth": 1,
-                  "bottom": 0,
-                  "left": 0,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                },
-                undefined,
-              ]
-            }
-            themeVariant="filled"
-          />
-          <View
-            pointerEvents="none"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "#ffffff",
+                  "alignItems": "center",
                   "flexDirection": "row",
-                  "left": 16,
-                  "paddingHorizontal": 4,
-                  "position": "absolute",
-                  "top": -10,
-                  "zIndex": 1,
+                  "padding": 16,
                 },
                 undefined,
               ]
             }
           >
-            <Text
+            <View
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
-                    "fontFamily": "BeVietnamPro-Regular",
-                    "fontSize": 12,
-                    "letterSpacing": 0.36,
-                    "lineHeight": 20,
+                    "borderColor": "#001f23",
+                    "borderRadius": 8,
+                    "borderWidth": 1,
+                    "bottom": 0,
+                    "left": 0,
+                    "position": "absolute",
+                    "right": 0,
+                    "top": 0,
                   },
-                  Array [
-                    Object {
-                      "color": "#001f23",
-                    },
-                    undefined,
-                  ],
+                  undefined,
                 ]
               }
-              testID="input-label"
-              themeFontSize="small"
-              themeFontWeight="regular"
-              themeIntent="body"
               themeVariant="filled"
+            />
+            <View
+              pointerEvents="none"
+              style={
+                Array [
+                  Object {
+                    "backgroundColor": "#ffffff",
+                    "flexDirection": "row",
+                    "left": 16,
+                    "paddingHorizontal": 4,
+                    "position": "absolute",
+                    "top": -10,
+                    "zIndex": 1,
+                  },
+                  undefined,
+                ]
+              }
             >
-              Allow notifications
-            </Text>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "alignSelf": "stretch",
-                  "flexDirection": "row",
-                  "flexGrow": 2,
-                  "flexShrink": 1,
-                },
-                undefined,
-              ]
-            }
-          >
-            <TextInput
-              accessibilityState={
-                Object {
-                  "disabled": false,
+              <Text
+                style={
+                  Array [
+                    Object {
+                      "color": "#001f23",
+                      "fontFamily": "BeVietnamPro-Regular",
+                      "fontSize": 12,
+                      "letterSpacing": 0.36,
+                      "lineHeight": 20,
+                    },
+                    Array [
+                      Object {
+                        "color": "#001f23",
+                      },
+                      undefined,
+                    ],
+                  ]
                 }
-              }
-              editable={true}
-              multiline={true}
-              onBlur={[Function]}
-              onChangeText={[Function]}
-              onFocus={[Function]}
-              pointerEvents="none"
+                testID="input-label"
+                themeFontSize="small"
+                themeFontWeight="regular"
+                themeIntent="body"
+                themeVariant="filled"
+              >
+                Allow notifications
+              </Text>
+            </View>
+            <View
               style={
                 Array [
                   Object {
+                    "alignItems": "center",
                     "alignSelf": "stretch",
+                    "flexDirection": "row",
                     "flexGrow": 2,
-                    "fontSize": 14,
-                    "marginHorizontal": 8,
-                    "textAlignVertical": "center",
+                    "flexShrink": 1,
                   },
+                  undefined,
+                ]
+              }
+            >
+              <TextInput
+                accessibilityState={
+                  Object {
+                    "disabled": false,
+                  }
+                }
+                editable={true}
+                multiline={true}
+                onBlur={[Function]}
+                onChangeText={[Function]}
+                onFocus={[Function]}
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "alignSelf": "stretch",
+                      "flexGrow": 2,
+                      "fontSize": 14,
+                      "marginHorizontal": 8,
+                      "textAlignVertical": "center",
+                    },
+                    Object {
+                      "color": "#001f23",
+                    },
+                  ]
+                }
+                testID="text-input"
+                value="Monday, Tuesday"
+              />
+            </View>
+            <HeroIcon
+              name="arrow-down"
+              style={
+                Array [
                   Object {
                     "color": "#001f23",
+                    "fontSize": 16,
                   },
+                  undefined,
                 ]
               }
-              testID="text-input"
-              value="Monday, Tuesday"
+              testID="input-suffix"
+              themeIntent="text"
+              themeSize="xsmall"
             />
           </View>
-          <HeroIcon
-            name="arrow-down"
-            style={
-              Array [
-                Object {
-                  "color": "#001f23",
-                  "fontSize": 16,
-                },
-                undefined,
-              ]
-            }
-            testID="input-suffix"
-            themeIntent="text"
-            themeSize="xsmall"
-          />
-        </View>
-        <View
-          style={
-            Array [
-              Object {
-                "paddingLeft": 16,
-              },
-              undefined,
-            ]
-          }
-        >
           <View
             style={
               Array [
                 Object {
-                  "flexDirection": "row",
-                  "justifyContent": "space-between",
+                  "paddingLeft": 16,
                 },
                 undefined,
               ]
             }
-          />
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "flexDirection": "row",
+                    "justifyContent": "space-between",
+                  },
+                  undefined,
+                ]
+              }
+            />
+          </View>
         </View>
       </View>
     </View>
@@ -4376,23 +4388,14 @@ Array [
     >
       <View
         pointerEvents="none"
-        style={
-          Array [
-            Object {
-              "marginVertical": 8,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
       >
         <View
+          pointerEvents="none"
           style={
             Array [
               Object {
-                "alignItems": "center",
-                "flexDirection": "row",
-                "padding": 16,
+                "marginVertical": 8,
+                "width": "100%",
               },
               undefined,
             ]
@@ -4402,160 +4405,173 @@ Array [
             style={
               Array [
                 Object {
-                  "borderColor": "#808f91",
-                  "borderRadius": 8,
-                  "borderWidth": 1,
-                  "bottom": 0,
-                  "left": 0,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                },
-                undefined,
-              ]
-            }
-            themeVariant="readonly"
-          />
-          <View
-            pointerEvents="none"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "#ffffff",
+                  "alignItems": "center",
                   "flexDirection": "row",
-                  "left": 16,
-                  "paddingHorizontal": 4,
-                  "position": "absolute",
-                  "top": -10,
-                  "zIndex": 1,
+                  "padding": 16,
                 },
                 undefined,
               ]
             }
           >
-            <Text
+            <View
+              style={
+                Array [
+                  Object {
+                    "borderColor": "#808f91",
+                    "borderRadius": 8,
+                    "borderWidth": 1,
+                    "bottom": 0,
+                    "left": 0,
+                    "position": "absolute",
+                    "right": 0,
+                    "top": 0,
+                  },
+                  undefined,
+                ]
+              }
+              themeVariant="readonly"
+            />
+            <View
+              pointerEvents="none"
+              style={
+                Array [
+                  Object {
+                    "backgroundColor": "#ffffff",
+                    "flexDirection": "row",
+                    "left": 16,
+                    "paddingHorizontal": 4,
+                    "position": "absolute",
+                    "top": -10,
+                    "zIndex": 1,
+                  },
+                  undefined,
+                ]
+              }
+            >
+              <Text
+                style={
+                  Array [
+                    Object {
+                      "color": "#001f23",
+                      "fontFamily": "BeVietnamPro-Regular",
+                      "fontSize": 12,
+                      "letterSpacing": 0.36,
+                      "lineHeight": 20,
+                    },
+                    Array [
+                      Object {
+                        "color": "#808f91",
+                      },
+                      undefined,
+                    ],
+                  ]
+                }
+                testID="input-label"
+                themeFontSize="small"
+                themeFontWeight="regular"
+                themeIntent="body"
+                themeVariant="readonly"
+              >
+                Allow notifications
+              </Text>
+            </View>
+            <View
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
-                    "fontFamily": "BeVietnamPro-Regular",
-                    "fontSize": 12,
-                    "letterSpacing": 0.36,
-                    "lineHeight": 20,
+                    "alignItems": "center",
+                    "alignSelf": "stretch",
+                    "flexDirection": "row",
+                    "flexGrow": 2,
+                    "flexShrink": 1,
                   },
+                  undefined,
+                ]
+              }
+            >
+              <TextInput
+                accessibilityState={
+                  Object {
+                    "disabled": true,
+                  }
+                }
+                editable={true}
+                multiline={true}
+                onBlur={[Function]}
+                onChangeText={[Function]}
+                onFocus={[Function]}
+                pointerEvents="none"
+                style={
                   Array [
                     Object {
-                      "color": "#808f91",
+                      "alignSelf": "stretch",
+                      "flexGrow": 2,
+                      "fontSize": 14,
+                      "marginHorizontal": 8,
+                      "textAlignVertical": "center",
+                    },
+                    Object {
+                      "color": "#001f23",
+                    },
+                  ]
+                }
+                testID="text-input"
+                value="Monday, Tuesday"
+              />
+            </View>
+            <View
+              collapsable={false}
+              nativeID="animatedComponent"
+              style={
+                Object {
+                  "transform": Array [
+                    Object {
+                      "rotate": "0deg",
                     },
-                    undefined,
                   ],
-                ]
+                }
               }
-              testID="input-label"
-              themeFontSize="small"
-              themeFontWeight="regular"
-              themeIntent="body"
-              themeVariant="readonly"
             >
-              Allow notifications
-            </Text>
+              <HeroIcon
+                name="loading"
+                style={
+                  Array [
+                    Object {
+                      "color": "#001f23",
+                      "fontSize": 16,
+                    },
+                    undefined,
+                  ]
+                }
+                testID="input-suffix"
+                themeIntent="text"
+                themeSize="xsmall"
+              />
+            </View>
           </View>
           <View
             style={
               Array [
                 Object {
-                  "alignItems": "center",
-                  "alignSelf": "stretch",
-                  "flexDirection": "row",
-                  "flexGrow": 2,
-                  "flexShrink": 1,
+                  "paddingLeft": 16,
                 },
                 undefined,
               ]
             }
           >
-            <TextInput
-              accessibilityState={
-                Object {
-                  "disabled": true,
-                }
-              }
-              editable={true}
-              multiline={true}
-              onBlur={[Function]}
-              onChangeText={[Function]}
-              onFocus={[Function]}
-              pointerEvents="none"
-              style={
-                Array [
-                  Object {
-                    "alignSelf": "stretch",
-                    "flexGrow": 2,
-                    "fontSize": 14,
-                    "marginHorizontal": 8,
-                    "textAlignVertical": "center",
-                  },
-                  Object {
-                    "color": "#001f23",
-                  },
-                ]
-              }
-              testID="text-input"
-              value="Monday, Tuesday"
-            />
-          </View>
-          <View
-            collapsable={false}
-            nativeID="animatedComponent"
-            style={
-              Object {
-                "transform": Array [
-                  Object {
-                    "rotate": "0deg",
-                  },
-                ],
-              }
-            }
-          >
-            <HeroIcon
-              name="loading"
+            <View
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
-                    "fontSize": 16,
+                    "flexDirection": "row",
+                    "justifyContent": "space-between",
                   },
                   undefined,
                 ]
               }
-              testID="input-suffix"
-              themeIntent="text"
-              themeSize="xsmall"
             />
           </View>
         </View>
-        <View
-          style={
-            Array [
-              Object {
-                "paddingLeft": 16,
-              },
-              undefined,
-            ]
-          }
-        >
-          <View
-            style={
-              Array [
-                Object {
-                  "flexDirection": "row",
-                  "justifyContent": "space-between",
-                },
-                undefined,
-              ]
-            }
-          />
-        </View>
       </View>
     </View>
   </View>,
@@ -5906,24 +5922,15 @@ Array [
       }
     >
       <View
-        pointerEvents="auto"
-        style={
-          Array [
-            Object {
-              "marginVertical": 8,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
+        pointerEvents="none"
       >
         <View
+          pointerEvents="auto"
           style={
             Array [
               Object {
-                "alignItems": "center",
-                "flexDirection": "row",
-                "padding": 16,
+                "marginVertical": 8,
+                "width": "100%",
               },
               undefined,
             ]
@@ -5933,145 +5940,158 @@ Array [
             style={
               Array [
                 Object {
-                  "borderColor": "#001f23",
-                  "borderRadius": 8,
-                  "borderWidth": 1,
-                  "bottom": 0,
-                  "left": 0,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                },
-                undefined,
-              ]
-            }
-            themeVariant="filled"
-          />
-          <View
-            pointerEvents="none"
-            style={
-              Array [
-                Object {
-                  "backgroundColor": "#ffffff",
+                  "alignItems": "center",
                   "flexDirection": "row",
-                  "left": 16,
-                  "paddingHorizontal": 4,
-                  "position": "absolute",
-                  "top": -10,
-                  "zIndex": 1,
+                  "padding": 16,
                 },
                 undefined,
               ]
             }
           >
-            <Text
+            <View
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
-                    "fontFamily": "BeVietnamPro-Regular",
-                    "fontSize": 12,
-                    "letterSpacing": 0.36,
-                    "lineHeight": 20,
+                    "borderColor": "#001f23",
+                    "borderRadius": 8,
+                    "borderWidth": 1,
+                    "bottom": 0,
+                    "left": 0,
+                    "position": "absolute",
+                    "right": 0,
+                    "top": 0,
                   },
-                  Array [
-                    Object {
-                      "color": "#001f23",
-                    },
-                    undefined,
-                  ],
+                  undefined,
                 ]
               }
-              testID="input-label"
-              themeFontSize="small"
-              themeFontWeight="regular"
-              themeIntent="body"
               themeVariant="filled"
+            />
+            <View
+              pointerEvents="none"
+              style={
+                Array [
+                  Object {
+                    "backgroundColor": "#ffffff",
+                    "flexDirection": "row",
+                    "left": 16,
+                    "paddingHorizontal": 4,
+                    "position": "absolute",
+                    "top": -10,
+                    "zIndex": 1,
+                  },
+                  undefined,
+                ]
+              }
             >
-              Allow notifications
-            </Text>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "alignSelf": "stretch",
-                  "flexDirection": "row",
-                  "flexGrow": 2,
-                  "flexShrink": 1,
-                },
-                undefined,
-              ]
-            }
-          >
-            <TextInput
-              accessibilityState={
-                Object {
-                  "disabled": false,
+              <Text
+                style={
+                  Array [
+                    Object {
+                      "color": "#001f23",
+                      "fontFamily": "BeVietnamPro-Regular",
+                      "fontSize": 12,
+                      "letterSpacing": 0.36,
+                      "lineHeight": 20,
+                    },
+                    Array [
+                      Object {
+                        "color": "#001f23",
+                      },
+                      undefined,
+                    ],
+                  ]
                 }
-              }
-              editable={true}
-              multiline={true}
-              onBlur={[Function]}
-              onChangeText={[Function]}
-              onFocus={[Function]}
-              pointerEvents="none"
+                testID="input-label"
+                themeFontSize="small"
+                themeFontWeight="regular"
+                themeIntent="body"
+                themeVariant="filled"
+              >
+                Allow notifications
+              </Text>
+            </View>
+            <View
               style={
                 Array [
                   Object {
+                    "alignItems": "center",
                     "alignSelf": "stretch",
+                    "flexDirection": "row",
                     "flexGrow": 2,
-                    "fontSize": 14,
-                    "marginHorizontal": 8,
-                    "textAlignVertical": "center",
+                    "flexShrink": 1,
                   },
+                  undefined,
+                ]
+              }
+            >
+              <TextInput
+                accessibilityState={
+                  Object {
+                    "disabled": false,
+                  }
+                }
+                editable={true}
+                multiline={true}
+                onBlur={[Function]}
+                onChangeText={[Function]}
+                onFocus={[Function]}
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "alignSelf": "stretch",
+                      "flexGrow": 2,
+                      "fontSize": 14,
+                      "marginHorizontal": 8,
+                      "textAlignVertical": "center",
+                    },
+                    Object {
+                      "color": "#001f23",
+                    },
+                  ]
+                }
+                testID="text-input"
+                value="B1, B2"
+              />
+            </View>
+            <HeroIcon
+              name="arrow-down"
+              style={
+                Array [
                   Object {
                     "color": "#001f23",
+                    "fontSize": 16,
                   },
+                  undefined,
                 ]
               }
-              testID="text-input"
-              value="B1, B2"
+              testID="input-suffix"
+              themeIntent="text"
+              themeSize="xsmall"
             />
           </View>
-          <HeroIcon
-            name="arrow-down"
-            style={
-              Array [
-                Object {
-                  "color": "#001f23",
-                  "fontSize": 16,
-                },
-                undefined,
-              ]
-            }
-            testID="input-suffix"
-            themeIntent="text"
-            themeSize="xsmall"
-          />
-        </View>
-        <View
-          style={
-            Array [
-              Object {
-                "paddingLeft": 16,
-              },
-              undefined,
-            ]
-          }
-        >
           <View
             style={
               Array [
                 Object {
-                  "flexDirection": "row",
-                  "justifyContent": "space-between",
+                  "paddingLeft": 16,
                 },
                 undefined,
               ]
             }
-          />
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "flexDirection": "row",
+                    "justifyContent": "space-between",
+                  },
+                  undefined,
+                ]
+              }
+            />
+          </View>
         </View>
       </View>
     </View>