react-native-gifted-chat 3.0.0-alpha.0 → 3.0.0

package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap

@@ -38,6 +38,7 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
   >
     <Image
       onLayout={[Function]}
+      resizeMode="cover"
       source={
         {
           "uri": "url://to/image.png",
@@ -49,7 +50,6 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
             "borderRadius": 13,
             "height": 100,
             "margin": 3,
-            "resizeMode": "cover",
             "width": 150,
           },
           undefined,
@@ -57,6 +57,257 @@ exports[`MessageImage should  render <MessageImage /> and compare with snapshot
       }
     />
   </View>
+  <OverKeyboardView
+    visible={false}
+  >
+    <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {
+            "borderRadius": 40,
+            "opacity": 0,
+            "transform": [
+              {
+                "scale": 0.9,
+              },
+            ],
+          },
+        }
+      }
+      jestInlineStyle={
+        [
+          {
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+            "zIndex": 1000,
+          },
+        ]
+      }
+      style={
+        [
+          {
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+            "zIndex": 1000,
+          },
+          {
+            "opacity": 0,
+            "transform": [
+              {
+                "scale": 0.9,
+              },
+            ],
+          },
+          {
+            "borderRadius": 40,
+          },
+        ]
+      }
+    >
+      <View
+        style={
+          {
+            "flex": 1,
+          }
+        }
+      >
+        <View
+          collapsable={false}
+          jestAnimatedProps={
+            {
+              "value": {},
+            }
+          }
+          jestAnimatedStyle={
+            {
+              "value": {
+                "borderRadius": 40,
+              },
+            }
+          }
+          jestInlineStyle={
+            [
+              {
+                "flex": 1,
+              },
+              {
+                "backgroundColor": "#000",
+                "overflow": "hidden",
+              },
+              {
+                "paddingBottom": 0,
+                "paddingTop": 0,
+              },
+            ]
+          }
+          style={
+            [
+              {
+                "flex": 1,
+              },
+              {
+                "backgroundColor": "#000",
+                "overflow": "hidden",
+              },
+              {
+                "borderRadius": 40,
+              },
+              {
+                "paddingBottom": 0,
+                "paddingTop": 0,
+              },
+            ]
+          }
+        >
+          <View
+            style={
+              {
+                "flexDirection": "row",
+                "justifyContent": "flex-end",
+              }
+            }
+          >
+            <View
+              accessibilityState={
+                {
+                  "busy": undefined,
+                  "checked": undefined,
+                  "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
+                }
+              }
+              accessibilityValue={
+                {
+                  "max": undefined,
+                  "min": undefined,
+                  "now": undefined,
+                  "text": undefined,
+                }
+              }
+              accessible={true}
+              focusable={true}
+              onClick={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
+            />
+          </View>
+          <View
+            style={
+              [
+                {
+                  "flex": 1,
+                },
+                {
+                  "alignItems": "center",
+                  "justifyContent": "center",
+                },
+              ]
+            }
+          >
+            <View
+              style={
+                {
+                  "flex": 1,
+                }
+              }
+            >
+              <View
+                collapsable={false}
+                onLayout={[Function]}
+                style={
+                  [
+                    {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "justifyContent": "center",
+                      "overflow": "hidden",
+                    },
+                    undefined,
+                  ]
+                }
+              >
+                <View
+                  collapsable={false}
+                  jestAnimatedProps={
+                    {
+                      "value": {},
+                    }
+                  }
+                  jestAnimatedStyle={
+                    {
+                      "value": {
+                        "transform": [
+                          {
+                            "scale": 1,
+                          },
+                          {
+                            "translateX": 0,
+                          },
+                          {
+                            "translateY": 0,
+                          },
+                        ],
+                      },
+                    }
+                  }
+                  jestInlineStyle={
+                    [
+                      undefined,
+                    ]
+                  }
+                  onLayout={[Function]}
+                  style={
+                    [
+                      {
+                        "transform": [
+                          {
+                            "scale": 1,
+                          },
+                          {
+                            "translateX": 0,
+                          },
+                          {
+                            "translateY": 0,
+                          },
+                        ],
+                      },
+                      undefined,
+                    ]
+                  }
+                >
+                  <Image
+                    resizeMode="contain"
+                    source={
+                      {
+                        "uri": "url://to/image.png",
+                      }
+                    }
+                  />
+                </View>
+              </View>
+            </View>
+          </View>
+        </View>
+      </View>
+    </View>
+  </OverKeyboardView>
 </View>
 `;
 

package/src/__tests__/__snapshots__/Send.test.tsx.snap

@@ -2,70 +2,210 @@
 
 exports[`Send should always render <Send /> and compare with snapshot 1`] = `
 <View
-  accessibilityLabel="send"
-  accessibilityRole="button"
-  accessibilityState={
+  collapsable={false}
+  jestAnimatedProps={
     {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
+      "value": {},
     }
   }
-  accessibilityValue={
+  jestAnimatedStyle={
     {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
+      "value": {
+        "opacity": 0,
+      },
     }
   }
-  accessible={true}
-  focusable={true}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  testID="GC_SEND_TOUCHABLE"
-/>
+  jestInlineStyle={
+    [
+      {
+        "justifyContent": "flex-end",
+      },
+      undefined,
+    ]
+  }
+  pointerEvents="auto"
+  style={
+    [
+      {
+        "justifyContent": "flex-end",
+      },
+      undefined,
+      {
+        "opacity": 0,
+      },
+    ]
+  }
+>
+  <View
+    accessibilityLabel="send"
+    accessibilityRole="button"
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": false,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    testID="GC_SEND_TOUCHABLE"
+  />
+</View>
 `;
 
-exports[`Send should not render <Send /> and compare with snapshot 1`] = `null`;
+exports[`Send should not render <Send /> and compare with snapshot 1`] = `
+<View
+  collapsable={false}
+  jestAnimatedProps={
+    {
+      "value": {},
+    }
+  }
+  jestAnimatedStyle={
+    {
+      "value": {
+        "opacity": 0,
+      },
+    }
+  }
+  jestInlineStyle={
+    [
+      {
+        "justifyContent": "flex-end",
+      },
+      undefined,
+    ]
+  }
+  pointerEvents="none"
+  style={
+    [
+      {
+        "justifyContent": "flex-end",
+      },
+      undefined,
+      {
+        "opacity": 0,
+      },
+    ]
+  }
+>
+  <View
+    accessibilityLabel="send"
+    accessibilityRole="button"
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": false,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    testID="GC_SEND_TOUCHABLE"
+  />
+</View>
+`;
 
 exports[`Send should render <Send /> where there is input and compare with snapshot 1`] = `
 <View
-  accessibilityLabel="send"
-  accessibilityRole="button"
-  accessibilityState={
+  collapsable={false}
+  jestAnimatedProps={
     {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
+      "value": {},
     }
   }
-  accessibilityValue={
+  jestAnimatedStyle={
     {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
+      "value": {
+        "opacity": 0,
+      },
     }
   }
-  accessible={true}
-  focusable={true}
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  testID="GC_SEND_TOUCHABLE"
-/>
+  jestInlineStyle={
+    [
+      {
+        "justifyContent": "flex-end",
+      },
+      undefined,
+    ]
+  }
+  pointerEvents="auto"
+  style={
+    [
+      {
+        "justifyContent": "flex-end",
+      },
+      undefined,
+      {
+        "opacity": 0,
+      },
+    ]
+  }
+>
+  <View
+    accessibilityLabel="send"
+    accessibilityRole="button"
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": false,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    testID="GC_SEND_TOUCHABLE"
+  />
+</View>
 `;

package/src/index.ts

@@ -14,7 +14,7 @@ export { Day } from './Day'
 export { InputToolbar } from './InputToolbar'
 export { LoadEarlierMessages } from './LoadEarlierMessages'
 export { Message } from './Message'
-export { MessageContainer } from './MessageContainer'
+export { MessagesContainer } from './MessagesContainer'
 export { Send } from './Send'
 export { Time } from './Time'
 export { GiftedAvatar } from './GiftedAvatar'

package/src/styles.ts

@@ -9,3 +9,8 @@ export default StyleSheet.create({
     alignItems: 'center',
   },
 })
+
+export function getColorSchemeStyle<T>(styles: T, baseName: string, colorScheme: string | null | undefined) {
+  const key = `${baseName}_${colorScheme}` as keyof T
+  return [styles[baseName as keyof T], styles[key]]
+}

package/src/types.ts

@@ -15,7 +15,7 @@ export { GiftedAvatarProps } from './GiftedAvatar'
 export { InputToolbarProps } from './InputToolbar'
 export { LoadEarlierMessagesProps } from './LoadEarlierMessages'
 export { MessageProps } from './Message'
-export { MessageContainerProps } from './MessageContainer'
+export { MessagesContainerProps } from './MessagesContainer'
 export { MessageImageProps } from './MessageImage'
 export { MessageTextProps } from './MessageText'
 export { QuickRepliesProps } from './QuickReplies'