stream-chat-react-native-core 4.0.0 → 4.1.0

package/src/components/MessageInput/__tests__/__snapshots__/MessageInput.test.js.snap

@@ -1,437 +1,744 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`MessageInput should render MessageInput 1`] = `
-<View
-  keyboardVerticalOffset={86.5}
-  onLayout={[Function]}
-  style={
-    Object {
-      "paddingBottom": 0,
-    }
-  }
->
+Array [
   <View
-    collapsable={false}
+    keyboardVerticalOffset={86.5}
+    onLayout={[Function]}
     style={
       Object {
-        "height": "100%",
+        "paddingBottom": 0,
       }
     }
   >
     <View
       style={
-        Array [
-          Object {
-            "backgroundColor": "#0000000D",
-            "borderRadius": 10,
-            "marginHorizontal": 10,
-          },
-          Object {
-            "paddingTop": 0,
-          },
-          Object {},
-        ]
+        Object {
+          "height": "100%",
+        }
       }
     >
-      <Modal
-        animationType="none"
-        hardwareAccelerated={false}
-        onRequestClose={[Function]}
-        transparent={true}
-        visible={false}
+      <View
+        onLayout={[Function]}
+        style={
+          Array [
+            Object {
+              "borderTopWidth": 1,
+              "padding": 10,
+            },
+            Object {
+              "backgroundColor": "#FFFFFF",
+              "borderColor": "#00000014",
+            },
+            Object {},
+          ]
+        }
       >
         <View
           style={
             Array [
-              Array [
-                Object {
-                  "flex": 1,
-                  "flexDirection": "row",
-                },
-              ],
+              Object {
+                "alignItems": "flex-end",
+                "flexDirection": "row",
+              },
+              Object {},
             ]
           }
         >
-          <Text
-            onPress={[Function]}
+          <View
             style={
               Array [
-                Array [
-                  Object {
-                    "backgroundColor": "#000",
-                    "bottom": 0,
-                    "left": 0,
-                    "opacity": 0.4,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
-                  },
-                ],
+                Object {
+                  "flexDirection": "row",
+                  "paddingBottom": 10,
+                  "paddingRight": 10,
+                },
+                Object {},
               ]
             }
-          />
-          <View
-            style={
-              Object {
-                "alignSelf": "flex-end",
-                "backgroundColor": "#e5e5e5",
-                "flex": 1,
-                "height": 141,
-                "transform": Array [
-                  Object {
-                    "translateY": 141,
-                  },
-                ],
-              }
-            }
           >
             <View
               style={
                 Array [
                   Object {
-                    "alignItems": "center",
-                    "backgroundColor": "#fff",
-                    "height": 40,
-                    "justifyContent": "center",
+                    "paddingRight": 10,
                   },
+                  Object {},
                 ]
               }
             >
-              <View
-                style={
-                  Array [
-                    Object {
-                      "alignItems": "center",
-                      "flexDirection": "row",
-                      "height": "100%",
-                      "justifyContent": "space-between",
-                      "paddingHorizontal": 20,
-                      "width": "100%",
-                    },
-                    Object {},
-                  ]
+              <RNGestureHandlerButton
+                collapsable={false}
+                hitSlop={
+                  Object {
+                    "bottom": 15,
+                    "left": 15,
+                    "right": 5,
+                    "top": 15,
+                  }
                 }
+                onGestureEvent={[Function]}
+                onGestureHandlerEvent={[Function]}
+                onGestureHandlerStateChange={[Function]}
+                onHandlerStateChange={[Function]}
+                rippleColor={0}
+                testID="attach-button"
               >
-                <Text
-                  style={
-                    Array [
-                      Object {
-                        "fontWeight": "bold",
-                      },
-                      Object {},
-                    ]
-                  }
-                >
-                  Add a file
-                </Text>
                 <View
                   accessible={true}
-                  focusable={true}
-                  isTVSelectable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
+                  hitSlop={
+                    Object {
+                      "bottom": 15,
+                      "left": 15,
+                      "right": 5,
+                      "top": 15,
+                    }
+                  }
                   style={
                     Object {
-                      "backgroundColor": "#0000000D",
-                      "borderRadius": 5,
                       "opacity": 1,
-                      "padding": 5,
                     }
                   }
-                  testID="icon-square"
                 >
-                  <Image
-                    source={
-                      Object {
-                        "testUri": "../../../src/images/icons/icon_close.png",
-                      }
-                    }
+                  <RNSVGSvgView
+                    align="xMidYMid"
+                    bbHeight={24}
+                    bbWidth={24}
+                    focusable={false}
+                    height={24}
+                    meetOrSlice={0}
+                    minX={0}
+                    minY={0}
+                    pathFill="#005FFF"
                     style={
                       Array [
                         Object {
-                          "height": 15,
-                          "width": 15,
+                          "backgroundColor": "transparent",
+                          "borderWidth": 0,
+                        },
+                        Object {
+                          "flex": 0,
+                          "height": 24,
+                          "width": 24,
                         },
-                        Object {},
                       ]
                     }
-                  />
+                    vbHeight={24}
+                    vbWidth={24}
+                    width={24}
+                  >
+                    <RNSVGGroup>
+                      <RNSVGPath
+                        clipRule={0}
+                        d="M13.468 2.888a5.07 5.07 0 012.983.635 5.07 5.07 0 012.041 2.265c.45 1.01.546 2.254-.144 3.449l-4.5 7.794a3.232 3.232 0 01-1.427 1.294c-.757.342-1.696.367-2.671-.196-.975-.563-1.422-1.389-1.506-2.215a3.233 3.233 0 01.408-1.883l4-6.928a1 1 0 011.732 1l-4 6.928c-.087.15-.176.425-.15.682.02.196.105.447.516.684.41.237.671.185.85.105.236-.107.43-.32.516-.47l4.5-7.795c.31-.538.29-1.093.049-1.636a3.072 3.072 0 00-1.214-1.346 3.072 3.072 0 00-1.773-.378c-.591.062-1.082.322-1.392.86l-5 8.66c-.654 1.133-.286 3.3 1.964 4.598 2.25 1.3 4.31.535 4.964-.598l3.5-6.062a1 1 0 111.732 1l-3.5 6.062c-1.345 2.33-4.75 3.031-7.696 1.33-2.946-1.7-4.042-5-2.696-7.33l5-8.66c.69-1.195 1.815-1.733 2.914-1.85z"
+                        fill={4278214655}
+                        fillRule={0}
+                        propList={
+                          Array [
+                            "fill",
+                            "fillRule",
+                          ]
+                        }
+                      />
+                    </RNSVGGroup>
+                  </RNSVGSvgView>
                 </View>
-              </View>
+              </RNGestureHandlerButton>
             </View>
-            <RCTScrollView
-              scrollEnabled={false}
+            <View
+              style={Object {}}
             >
-              <View>
+              <RNGestureHandlerButton
+                collapsable={false}
+                hitSlop={
+                  Object {
+                    "bottom": 15,
+                    "left": 5,
+                    "right": 15,
+                    "top": 15,
+                  }
+                }
+                onGestureEvent={[Function]}
+                onGestureHandlerEvent={[Function]}
+                onGestureHandlerStateChange={[Function]}
+                onHandlerStateChange={[Function]}
+                rippleColor={0}
+                testID="commands-button"
+              >
                 <View
                   accessible={true}
-                  focusable={true}
-                  isTVSelectable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
+                  hitSlop={
+                    Object {
+                      "bottom": 15,
+                      "left": 5,
+                      "right": 15,
+                      "top": 15,
+                    }
+                  }
                   style={
-                    Array [
-                      Object {
-                        "alignItems": "center",
-                        "backgroundColor": "#fff",
-                        "height": 50,
-                        "justifyContent": "center",
-                        "marginTop": 0.5,
-                      },
-                    ]
+                    Object {
+                      "opacity": 1,
+                    }
                   }
                 >
-                  <View
+                  <RNSVGSvgView
+                    align="xMidYMid"
+                    bbHeight={24}
+                    bbWidth={24}
+                    focusable={false}
+                    height={24}
+                    meetOrSlice={0}
+                    minX={0}
+                    minY={0}
+                    pathFill="#7A7A7A"
                     style={
                       Array [
                         Object {
-                          "alignItems": "center",
-                          "flexDirection": "row",
-                          "justifyContent": "flex-start",
-                          "paddingLeft": 20,
-                          "width": "100%",
+                          "backgroundColor": "transparent",
+                          "borderWidth": 0,
+                        },
+                        Object {
+                          "flex": 0,
+                          "height": 24,
+                          "width": 24,
                         },
-                        Object {},
                       ]
                     }
-                    testID="upload-photo-item"
+                    vbHeight={24}
+                    vbWidth={24}
+                    width={24}
                   >
-                    <View
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "#0000000D",
-                            "borderRadius": 5,
-                            "padding": 5,
-                          },
-                          Object {},
-                        ]
-                      }
-                      testID="icon-square"
-                    >
-                      <Image
-                        source={
-                          Object {
-                            "testUri": "../../../src/images/icons/icon_attach-media.png",
-                          }
-                        }
-                        style={
+                    <RNSVGGroup>
+                      <RNSVGPath
+                        clipRule={0}
+                        d="M11.636 4H16l-2.91 5.818H16L10.546 20l1.09-7.273H8L11.636 4z"
+                        fill={4286216826}
+                        fillRule={0}
+                        propList={
                           Array [
-                            Object {
-                              "height": 15,
-                              "width": 15,
-                            },
-                            Object {},
+                            "fill",
+                            "fillRule",
                           ]
                         }
                       />
-                    </View>
-                    <Text
-                      style={Object {}}
-                    >
-                      Upload a photo
-                    </Text>
-                  </View>
+                    </RNSVGGroup>
+                  </RNSVGSvgView>
                 </View>
-                <View
-                  accessible={true}
-                  focusable={true}
-                  isTVSelectable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
+              </RNGestureHandlerButton>
+            </View>
+          </View>
+          <View
+            style={
+              Array [
+                Object {
+                  "borderRadius": 20,
+                  "borderWidth": 1,
+                  "flex": 1,
+                },
+                Object {
+                  "borderColor": "#ECEBEB",
+                  "paddingVertical": 12,
+                },
+                Object {},
+              ]
+            }
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "flexDirection": "row",
+                  },
+                  Object {
+                    "paddingLeft": 16,
+                    "paddingRight": 16,
+                  },
+                  Object {},
+                ]
+              }
+            >
+              <TextInput
+                allowFontScaling={true}
+                maxLength={5000}
+                multiline={true}
+                onBlur={[Function]}
+                onChangeText={[Function]}
+                onContentSizeChange={[Function]}
+                onSelectionChange={[Function]}
+                placeholder="Send a message"
+                placeholderTextColor="#7A7A7A"
+                rejectResponderTermination={true}
+                style={
+                  Array [
+                    Object {
+                      "flex": 1,
+                      "fontSize": 14,
+                      "includeFontPadding": false,
+                      "padding": 0,
+                      "paddingTop": 0,
+                      "textAlignVertical": "center",
+                    },
+                    Object {
+                      "color": "#000000",
+                      "maxHeight": 85,
+                    },
+                    Object {},
+                  ]
+                }
+                testID="auto-complete-text-input"
+                underlineColorAndroid="transparent"
+                value=""
+              />
+            </View>
+          </View>
+          <View
+            style={
+              Array [
+                Object {
+                  "paddingBottom": 10,
+                  "paddingLeft": 10,
+                },
+                Object {},
+              ]
+            }
+          >
+            <RNGestureHandlerButton
+              collapsable={false}
+              onGestureEvent={[Function]}
+              onGestureHandlerEvent={[Function]}
+              onGestureHandlerStateChange={[Function]}
+              onHandlerStateChange={[Function]}
+              rippleColor={0}
+              testID="send-button"
+            >
+              <View
+                accessible={true}
+                style={
+                  Object {
+                    "opacity": 1,
+                  }
+                }
+              >
+                <RNSVGSvgView
+                  align="xMidYMid"
+                  bbHeight={24}
+                  bbWidth={24}
+                  focusable={false}
+                  height={24}
+                  meetOrSlice={0}
+                  minX={0}
+                  minY={0}
+                  pathFill="#DBDBDB"
                   style={
                     Array [
                       Object {
-                        "alignItems": "center",
-                        "backgroundColor": "#fff",
-                        "height": 50,
-                        "justifyContent": "center",
-                        "marginTop": 0.5,
+                        "backgroundColor": "transparent",
+                        "borderWidth": 0,
+                      },
+                      Object {
+                        "flex": 0,
+                        "height": 24,
+                        "width": 24,
                       },
                     ]
                   }
+                  vbHeight={24}
+                  vbWidth={24}
+                  width={24}
                 >
-                  <View
-                    style={
-                      Array [
-                        Object {
-                          "alignItems": "center",
-                          "flexDirection": "row",
-                          "justifyContent": "flex-start",
-                          "paddingLeft": 20,
-                          "width": "100%",
-                        },
-                        Object {},
-                      ]
-                    }
-                    testID="upload-file-item"
-                  >
-                    <View
-                      style={
+                  <RNSVGGroup>
+                    <RNSVGPath
+                      clipRule={0}
+                      d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12s4.48 10 10 10 10-4.48 10-10zM8 11h4V8l4 4-4 4v-3H8v-2z"
+                      fill={4292598747}
+                      fillRule={0}
+                      propList={
                         Array [
-                          Object {
-                            "backgroundColor": "#0000000D",
-                            "borderRadius": 5,
-                            "padding": 5,
-                          },
-                          Object {},
+                          "fill",
+                          "fillRule",
                         ]
                       }
-                      testID="icon-square"
-                    >
-                      <Image
-                        source={
-                          Object {
-                            "testUri": "../../../src/images/icons/icon_folder.png",
-                          }
-                        }
-                        style={
-                          Array [
-                            Object {
-                              "height": 15,
-                              "width": 15,
-                            },
-                            Object {},
-                          ]
-                        }
-                      />
-                    </View>
-                    <Text
-                      style={Object {}}
-                    >
-                      Upload a file
-                    </Text>
-                  </View>
-                </View>
+                    />
+                  </RNSVGGroup>
+                </RNSVGSvgView>
               </View>
-            </RCTScrollView>
+            </RNGestureHandlerButton>
           </View>
         </View>
-      </Modal>
+      </View>
       <View
         style={
           Array [
             Object {
-              "alignItems": "center",
-              "flexDirection": "row",
-              "margin": 10,
-              "minHeight": 46,
-              "paddingHorizontal": 10,
+              "backgroundColor": "#F2F2F2",
+              "height": 360,
             },
             Object {},
           ]
         }
       >
         <View
-          accessible={true}
-          focusable={true}
-          isTVSelectable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
           style={
-            Object {
-              "marginRight": 8,
-              "opacity": 1,
-            }
+            Array [
+              Object {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "paddingHorizontal": 6,
+              },
+              Object {},
+              Object {
+                "height": 52,
+              },
+            ]
           }
-          testID="attach-button"
         >
-          <Image
-            source={
+          <View
+            accessible={true}
+            focusable={true}
+            hitSlop={
               Object {
-                "testUri": "../../../src/images/icons/plus-outline.png",
+                "bottom": 15,
+                "top": 15,
               }
             }
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
             style={
-              Array [
-                Object {
-                  "height": 15,
-                  "width": 15,
-                },
-                Object {},
-              ]
+              Object {
+                "opacity": 1,
+              }
             }
-          />
-        </View>
-        <TextInput
-          allowFontScaling={true}
-          multiline={true}
-          onChangeText={[Function]}
-          onSelectionChange={[Function]}
-          placeholder="Write your message"
-          rejectResponderTermination={true}
-          style={
-            Array [
+            testID="upload-photo-touchable"
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "marginHorizontal": 12,
+                  },
+                  Object {},
+                ]
+              }
+            >
+              <RNSVGSvgView
+                align="xMidYMid"
+                bbHeight={24}
+                bbWidth={24}
+                focusable={false}
+                height={24}
+                meetOrSlice={0}
+                minX={0}
+                minY={0}
+                pathFill="#005FFF"
+                style={
+                  Array [
+                    Object {
+                      "backgroundColor": "transparent",
+                      "borderWidth": 0,
+                    },
+                    Object {
+                      "flex": 0,
+                      "height": 24,
+                      "width": 24,
+                    },
+                  ]
+                }
+                vbHeight={24}
+                vbWidth={24}
+                width={24}
+              >
+                <RNSVGGroup>
+                  <RNSVGPath
+                    clipRule={0}
+                    d="M2 8a3 3 0 013-3h14a3 3 0 013 3v8a3 3 0 01-3 3H5a3 3 0 01-3-3V8zm3-1a1 1 0 00-1 1v8a1 1 0 001 1h14a1 1 0 001-1V8a1 1 0 00-1-1H5z"
+                    fill={4278214655}
+                    fillRule={0}
+                    propList={
+                      Array [
+                        "fill",
+                        "fillRule",
+                      ]
+                    }
+                  />
+                  <RNSVGPath
+                    clipRule={0}
+                    d="M15.99 9a1 1 0 01.778.36l5 6a1 1 0 11-1.536 1.28l-4.216-5.059-3.235 4.044a1 1 0 01-1.381.175l-3.306-2.48-3.387 3.387a1 1 0 01-1.414-1.414l4-4A1 1 0 018.6 11.2l3.225 2.418 3.394-4.243A1 1 0 0115.99 9z"
+                    fill={4278214655}
+                    fillRule={0}
+                    propList={
+                      Array [
+                        "fill",
+                        "fillRule",
+                      ]
+                    }
+                  />
+                </RNSVGGroup>
+              </RNSVGSvgView>
+            </View>
+          </View>
+          <View
+            accessible={true}
+            focusable={true}
+            hitSlop={
               Object {
-                "flex": 1,
-                "margin": -5,
-                "maxHeight": 60,
-              },
-              Object {},
-            ]
-          }
-          testID="auto-complete-text-input"
-          underlineColorAndroid="transparent"
-          value=""
-        />
-        <View
-          accessible={true}
-          focusable={true}
-          isTVSelectable={true}
-          onClick={[Function]}
-          onResponderGrant={[Function]}
-          onResponderMove={[Function]}
-          onResponderRelease={[Function]}
-          onResponderTerminate={[Function]}
-          onResponderTerminationRequest={[Function]}
-          onStartShouldSetResponder={[Function]}
-          style={
-            Object {
-              "marginLeft": 8,
-              "opacity": 1,
+                "bottom": 15,
+                "top": 15,
+              }
             }
-          }
-          testID="send-button"
-        >
-          <Image
-            source={
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              Object {
+                "opacity": 1,
+              }
+            }
+            testID="upload-file-touchable"
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "marginHorizontal": 12,
+                  },
+                  Object {},
+                ]
+              }
+            >
+              <RNSVGSvgView
+                align="xMidYMid"
+                bbHeight={24}
+                bbWidth={24}
+                focusable={false}
+                height={24}
+                meetOrSlice={0}
+                minX={0}
+                minY={0}
+                pathFill="#7A7A7A"
+                style={
+                  Array [
+                    Object {
+                      "backgroundColor": "transparent",
+                      "borderWidth": 0,
+                    },
+                    Object {
+                      "flex": 0,
+                      "height": 24,
+                      "width": 24,
+                    },
+                  ]
+                }
+                vbHeight={24}
+                vbWidth={24}
+                width={24}
+              >
+                <RNSVGGroup>
+                  <RNSVGPath
+                    clipRule={0}
+                    d="M21 5h-8.586l-2-2H3a1 1 0 00-1 1v16a1 1 0 001 1h18a1 1 0 001-1V6a1 1 0 00-1-1zM4 19V7h16v12H4z"
+                    fill={4286216826}
+                    fillRule={0}
+                    propList={
+                      Array [
+                        "fill",
+                        "fillRule",
+                      ]
+                    }
+                  />
+                </RNSVGGroup>
+              </RNSVGSvgView>
+            </View>
+          </View>
+          <View
+            accessible={true}
+            focusable={true}
+            hitSlop={
               Object {
-                "testUri": "../../../src/images/icons/icon_new_message.png",
+                "bottom": 15,
+                "top": 15,
               }
             }
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
             style={
-              Array [
-                Object {
-                  "height": 15,
-                  "width": 15,
-                },
-                Object {},
-              ]
+              Object {
+                "opacity": 1,
+              }
             }
-          />
+            testID="take-photo-touchable"
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "marginHorizontal": 12,
+                  },
+                  Object {},
+                ]
+              }
+            >
+              <RNSVGSvgView
+                align="xMidYMid"
+                bbHeight={24}
+                bbWidth={24}
+                focusable={false}
+                height={24}
+                meetOrSlice={0}
+                minX={0}
+                minY={0}
+                pathFill="#7A7A7A"
+                style={
+                  Array [
+                    Object {
+                      "backgroundColor": "transparent",
+                      "borderWidth": 0,
+                    },
+                    Object {
+                      "flex": 0,
+                      "height": 24,
+                      "width": 24,
+                    },
+                  ]
+                }
+                vbHeight={24}
+                vbWidth={24}
+                width={24}
+              >
+                <RNSVGGroup>
+                  <RNSVGPath
+                    clipRule={0}
+                    d="M15 3H9L7 5H3a1 1 0 00-1 1v14a1 1 0 001 1h18a1 1 0 001-1V6a1 1 0 00-1-1h-4l-2-2zM7.828 7l2-2h4.344l2 2H20v12H4V7h3.828zM12 18a5.5 5.5 0 110-11 5.5 5.5 0 010 11zm3.5-5.5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0z"
+                    fill={4286216826}
+                    fillRule={0}
+                    propList={
+                      Array [
+                        "fill",
+                        "fillRule",
+                      ]
+                    }
+                  />
+                </RNSVGGroup>
+              </RNSVGSvgView>
+            </View>
+          </View>
         </View>
       </View>
     </View>
-  </View>
-</View>
+  </View>,
+  <View
+    animatedStyle={
+      Object {
+        "value": Object {
+          "opacity": 0,
+        },
+      }
+    }
+    collapsable={false}
+    pointerEvents="none"
+    style={
+      Object {
+        "bottom": 0,
+        "left": 0,
+        "opacity": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+      }
+    }
+  >
+    <View
+      style={
+        Array [
+          Object {
+            "backgroundColor": "#000000CC",
+          },
+          Array [
+            Object {
+              "bottom": 0,
+              "left": 0,
+              "position": "absolute",
+              "right": 0,
+              "top": 0,
+            },
+            Object {
+              "height": 1334,
+              "width": 750,
+            },
+          ],
+        ]
+      }
+    />
+  </View>,
+  <View
+    containerHeight={1334}
+    enablePanDownToClose={true}
+    handleComponent={[Function]}
+    handleHeight={20}
+    index={-1}
+    onChange={[Function]}
+    snapPoints={
+      Array [
+        288,
+        1314,
+      ]
+    }
+  >
+    <RCTScrollView
+      contentContainerStyle={
+        Array [
+          Object {
+            "flexGrow": 1,
+          },
+          Object {
+            "backgroundColor": "#FFFFFF",
+          },
+          Object {},
+          Object {
+            "opacity": 1,
+          },
+        ]
+      }
+      data={Array []}
+      disableVirtualization={false}
+      getItem={[Function]}
+      getItemCount={[Function]}
+      horizontal={false}
+      initialNumToRender={10}
+      keyExtractor={[Function]}
+      maxToRenderPerBatch={10}
+      onContentSizeChange={[Function]}
+      onEndReached={[Function]}
+      onEndReachedThreshold={2}
+      onLayout={[Function]}
+      onMomentumScrollEnd={[Function]}
+      onScroll={[Function]}
+      onScrollBeginDrag={[Function]}
+      onScrollEndDrag={[Function]}
+      removeClippedSubviews={false}
+      renderItem={[Function]}
+      scrollEventThrottle={50}
+      stickyHeaderIndices={Array []}
+      updateCellsBatchingPeriod={50}
+      viewabilityConfigCallbackPairs={Array []}
+      windowSize={21}
+    >
+      <View />
+    </RCTScrollView>
+  </View>,
+]
 `;