@hero-design/rn 8.44.0-alpha.0 → 8.44.0

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

@@ -1,11 +1,34 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`rendering allows custom renderer 1`] = `
-[
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
   <View
     pointerEvents="auto"
   >
     <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
       accessible={true}
       collapsable={false}
       focusable={true}
@@ -222,7 +245,7 @@ exports[`rendering allows custom renderer 1`] = `
         </View>
       </View>
     </View>
-  </View>,
+  </View>
   <Modal
     hardwareAccelerated={false}
     onRequestClose={[Function]}
@@ -263,6 +286,23 @@ exports[`rendering allows custom renderer 1`] = `
         }
       >
         <View
+          accessibilityState={
+            {
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
+            }
+          }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
@@ -289,7 +329,6 @@ exports[`rendering allows custom renderer 1`] = `
         />
         <RCTSafeAreaView
           collapsable={false}
-          emulateUnlessSupported={true}
           style={
             {
               "backgroundColor": "#ffffff",
@@ -376,6 +415,23 @@ exports[`rendering allows custom renderer 1`] = `
               }
             >
               <View
+                accessibilityState={
+                  {
+                    "busy": undefined,
+                    "checked": undefined,
+                    "disabled": undefined,
+                    "expanded": undefined,
+                    "selected": undefined,
+                  }
+                }
+                accessibilityValue={
+                  {
+                    "max": undefined,
+                    "min": undefined,
+                    "now": undefined,
+                    "text": undefined,
+                  }
+                }
                 accessible={true}
                 collapsable={false}
                 focusable={true}
@@ -478,6 +534,7 @@ exports[`rendering allows custom renderer 1`] = `
           >
             <View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -547,6 +604,7 @@ exports[`rendering allows custom renderer 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -609,6 +667,14 @@ exports[`rendering allows custom renderer 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -746,6 +812,7 @@ exports[`rendering allows custom renderer 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -756,6 +823,14 @@ exports[`rendering allows custom renderer 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -886,10 +961,12 @@ exports[`rendering allows custom renderer 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               />
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -959,6 +1036,7 @@ exports[`rendering allows custom renderer 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -1021,6 +1099,14 @@ exports[`rendering allows custom renderer 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -1158,6 +1244,7 @@ exports[`rendering allows custom renderer 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -1168,6 +1255,14 @@ exports[`rendering allows custom renderer 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -1298,6 +1393,7 @@ exports[`rendering allows custom renderer 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               />
@@ -1324,6 +1420,14 @@ exports[`rendering allows custom renderer 1`] = `
                     "disabled": false,
                   }
                 }
+                accessibilityValue={
+                  {
+                    "max": undefined,
+                    "min": undefined,
+                    "now": undefined,
+                    "text": undefined,
+                  }
+                }
                 accessible={true}
                 focusable={true}
                 onClick={[Function]}
@@ -1341,6 +1445,7 @@ exports[`rendering allows custom renderer 1`] = `
                       "borderRadius": 4,
                       "borderWidth": 0,
                       "flexDirection": "row",
+                      "height": 60,
                       "justifyContent": "center",
                       "padding": 12,
                     },
@@ -1386,16 +1491,59 @@ exports[`rendering allows custom renderer 1`] = `
         </RCTSafeAreaView>
       </View>
     </View>
-  </Modal>,
-]
+  </Modal>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
 `;
 
 exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
-[
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
   <View
     pointerEvents="auto"
   >
     <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
       accessible={true}
       collapsable={false}
       focusable={true}
@@ -1611,22 +1759,65 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
         </View>
       </View>
     </View>
-  </View>,
+  </View>
   <Modal
     hardwareAccelerated={false}
     onRequestClose={[Function]}
     transparent={true}
     visible={false}
-  />,
-]
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
 `;
 
 exports[`rendering renders correctly when bottom sheet is visible 1`] = `
-[
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
   <View
     pointerEvents="auto"
   >
     <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
       accessible={true}
       collapsable={false}
       focusable={true}
@@ -1842,7 +2033,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
         </View>
       </View>
     </View>
-  </View>,
+  </View>
   <Modal
     hardwareAccelerated={false}
     onRequestClose={[Function]}
@@ -1883,6 +2074,23 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
         }
       >
         <View
+          accessibilityState={
+            {
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
+            }
+          }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
@@ -1909,7 +2117,6 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
         />
         <RCTSafeAreaView
           collapsable={false}
-          emulateUnlessSupported={true}
           style={
             {
               "backgroundColor": "#ffffff",
@@ -1996,6 +2203,23 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
               }
             >
               <View
+                accessibilityState={
+                  {
+                    "busy": undefined,
+                    "checked": undefined,
+                    "disabled": undefined,
+                    "expanded": undefined,
+                    "selected": undefined,
+                  }
+                }
+                accessibilityValue={
+                  {
+                    "max": undefined,
+                    "min": undefined,
+                    "now": undefined,
+                    "text": undefined,
+                  }
+                }
                 accessible={true}
                 collapsable={false}
                 focusable={true}
@@ -2101,10 +2325,12 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
           >
             <View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               />
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -2168,6 +2394,14 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -2313,6 +2547,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -2323,6 +2558,14 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -2468,6 +2711,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -2478,6 +2722,14 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -2595,6 +2847,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -2605,6 +2858,14 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -2722,6 +2983,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -2732,6 +2994,14 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -2849,6 +3119,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -2859,6 +3130,14 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -2977,6 +3256,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -2987,6 +3267,14 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         "disabled": true,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -3099,6 +3387,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               />
@@ -3125,6 +3414,14 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                     "disabled": false,
                   }
                 }
+                accessibilityValue={
+                  {
+                    "max": undefined,
+                    "min": undefined,
+                    "now": undefined,
+                    "text": undefined,
+                  }
+                }
                 accessible={true}
                 focusable={true}
                 onClick={[Function]}
@@ -3142,6 +3439,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                       "borderRadius": 4,
                       "borderWidth": 0,
                       "flexDirection": "row",
+                      "height": 60,
                       "justifyContent": "center",
                       "padding": 12,
                     },
@@ -3187,16 +3485,59 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
         </RCTSafeAreaView>
       </View>
     </View>
-  </Modal>,
-]
+  </Modal>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
 `;
 
 exports[`rendering renders correctly when input is loading 1`] = `
-[
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
   <View
     pointerEvents="none"
   >
     <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
       accessible={true}
       collapsable={false}
       focusable={true}
@@ -3425,22 +3766,65 @@ exports[`rendering renders correctly when input is loading 1`] = `
         </View>
       </View>
     </View>
-  </View>,
+  </View>
   <Modal
     hardwareAccelerated={false}
     onRequestClose={[Function]}
     transparent={true}
     visible={false}
-  />,
-]
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
 `;
 
 exports[`rendering renders correctly when receives sections 1`] = `
-[
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
   <View
     pointerEvents="auto"
   >
     <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
       accessible={true}
       collapsable={false}
       focusable={true}
@@ -3656,7 +4040,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
         </View>
       </View>
     </View>
-  </View>,
+  </View>
   <Modal
     hardwareAccelerated={false}
     onRequestClose={[Function]}
@@ -3697,6 +4081,23 @@ exports[`rendering renders correctly when receives sections 1`] = `
         }
       >
         <View
+          accessibilityState={
+            {
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
+            }
+          }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
@@ -3723,7 +4124,6 @@ exports[`rendering renders correctly when receives sections 1`] = `
         />
         <RCTSafeAreaView
           collapsable={false}
-          emulateUnlessSupported={true}
           style={
             {
               "backgroundColor": "#ffffff",
@@ -3810,6 +4210,23 @@ exports[`rendering renders correctly when receives sections 1`] = `
               }
             >
               <View
+                accessibilityState={
+                  {
+                    "busy": undefined,
+                    "checked": undefined,
+                    "disabled": undefined,
+                    "expanded": undefined,
+                    "selected": undefined,
+                  }
+                }
+                accessibilityValue={
+                  {
+                    "max": undefined,
+                    "min": undefined,
+                    "now": undefined,
+                    "text": undefined,
+                  }
+                }
                 accessible={true}
                 collapsable={false}
                 focusable={true}
@@ -3904,6 +4321,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
           >
             <View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -3973,6 +4391,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -4026,6 +4445,14 @@ exports[`rendering renders correctly when receives sections 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -4127,10 +4554,12 @@ exports[`rendering renders correctly when receives sections 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               />
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -4200,6 +4629,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -4253,6 +4683,14 @@ exports[`rendering renders correctly when receives sections 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -4388,6 +4826,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -4398,6 +4837,14 @@ exports[`rendering renders correctly when receives sections 1`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -4527,6 +4974,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               />
@@ -4553,6 +5001,14 @@ exports[`rendering renders correctly when receives sections 1`] = `
                     "disabled": false,
                   }
                 }
+                accessibilityValue={
+                  {
+                    "max": undefined,
+                    "min": undefined,
+                    "now": undefined,
+                    "text": undefined,
+                  }
+                }
                 accessible={true}
                 focusable={true}
                 onClick={[Function]}
@@ -4570,6 +5026,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       "borderRadius": 4,
                       "borderWidth": 0,
                       "flexDirection": "row",
+                      "height": 60,
                       "justifyContent": "center",
                       "padding": 12,
                     },
@@ -4615,16 +5072,59 @@ exports[`rendering renders correctly when receives sections 1`] = `
         </RCTSafeAreaView>
       </View>
     </View>
-  </Modal>,
-]
+  </Modal>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
 `;
 
 exports[`rendering renders correctly when receives sections 2`] = `
-[
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
   <View
     pointerEvents="auto"
   >
     <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
       accessible={true}
       collapsable={false}
       focusable={true}
@@ -4840,7 +5340,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
         </View>
       </View>
     </View>
-  </View>,
+  </View>
   <Modal
     hardwareAccelerated={false}
     onRequestClose={[Function]}
@@ -4881,6 +5381,23 @@ exports[`rendering renders correctly when receives sections 2`] = `
         }
       >
         <View
+          accessibilityState={
+            {
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
+            }
+          }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
@@ -4907,7 +5424,6 @@ exports[`rendering renders correctly when receives sections 2`] = `
         />
         <RCTSafeAreaView
           collapsable={false}
-          emulateUnlessSupported={true}
           style={
             {
               "backgroundColor": "#ffffff",
@@ -4994,6 +5510,23 @@ exports[`rendering renders correctly when receives sections 2`] = `
               }
             >
               <View
+                accessibilityState={
+                  {
+                    "busy": undefined,
+                    "checked": undefined,
+                    "disabled": undefined,
+                    "expanded": undefined,
+                    "selected": undefined,
+                  }
+                }
+                accessibilityValue={
+                  {
+                    "max": undefined,
+                    "min": undefined,
+                    "now": undefined,
+                    "text": undefined,
+                  }
+                }
                 accessible={true}
                 collapsable={false}
                 focusable={true}
@@ -5088,6 +5621,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
           >
             <View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -5157,6 +5691,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -5210,6 +5745,14 @@ exports[`rendering renders correctly when receives sections 2`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -5339,10 +5882,12 @@ exports[`rendering renders correctly when receives sections 2`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               />
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -5412,6 +5957,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -5465,6 +6011,14 @@ exports[`rendering renders correctly when receives sections 2`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -5572,6 +6126,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               >
@@ -5582,6 +6137,14 @@ exports[`rendering renders correctly when receives sections 2`] = `
                         "disabled": false,
                       }
                     }
+                    accessibilityValue={
+                      {
+                        "max": undefined,
+                        "min": undefined,
+                        "now": undefined,
+                        "text": undefined,
+                      }
+                    }
                     accessible={true}
                     focusable={true}
                     onClick={[Function]}
@@ -5683,6 +6246,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                 </View>
               </View>
               <View
+                onFocusCapture={[Function]}
                 onLayout={[Function]}
                 style={null}
               />
@@ -5709,6 +6273,14 @@ exports[`rendering renders correctly when receives sections 2`] = `
                     "disabled": false,
                   }
                 }
+                accessibilityValue={
+                  {
+                    "max": undefined,
+                    "min": undefined,
+                    "now": undefined,
+                    "text": undefined,
+                  }
+                }
                 accessible={true}
                 focusable={true}
                 onClick={[Function]}
@@ -5726,6 +6298,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                       "borderRadius": 4,
                       "borderWidth": 0,
                       "flexDirection": "row",
+                      "height": 60,
                       "justifyContent": "center",
                       "padding": 12,
                     },
@@ -5771,6 +6344,26 @@ exports[`rendering renders correctly when receives sections 2`] = `
         </RCTSafeAreaView>
       </View>
     </View>
-  </Modal>,
-]
+  </Modal>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
 `;