react-native-gifted-chat 2.8.2-alpha.4 → 2.9.0-alpha.0

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

@@ -1,51 +1,71 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should render <GiftedChat/> and compare with snapshot 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
+<KeyboardProvider>
   <View
-    onLayout={[Function]}
     style={
-      [
+      {
+        "flex": 1,
+      }
+    }
+  >
+    <View
+      style={
         {
           "flex": 1,
-        },
-        {
-          "overflow": "hidden",
-        },
-      ]
-    }
-    testID="GC_WRAPPER"
-  />
-</View>
+        }
+      }
+    >
+      <View
+        onLayout={[Function]}
+        style={
+          [
+            {
+              "flex": 1,
+            },
+            {
+              "overflow": "hidden",
+            },
+          ]
+        }
+        testID="GC_WRAPPER"
+      />
+    </View>
+  </View>
+</KeyboardProvider>
 `;
 
 exports[`should render <GiftedChat/> with isKeyboardInternallyHandled=false 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
+<KeyboardProvider>
   <View
-    onLayout={[Function]}
     style={
-      [
+      {
+        "flex": 1,
+      }
+    }
+  >
+    <View
+      style={
         {
           "flex": 1,
-        },
-        {
-          "overflow": "hidden",
-        },
-      ]
-    }
-    testID="GC_WRAPPER"
-  />
-</View>
+        }
+      }
+    >
+      <View
+        onLayout={[Function]}
+        style={
+          [
+            {
+              "flex": 1,
+            },
+            {
+              "overflow": "hidden",
+            },
+          ]
+        }
+        testID="GC_WRAPPER"
+      />
+    </View>
+  </View>
+</KeyboardProvider>
 `;

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

@@ -9,7 +9,7 @@ exports[`should render <InputToolbar /> and compare with snapshot 1`] = `
         "borderTopColor": "#b2b2b2",
         "borderTopWidth": 0.5,
       },
-      undefined,
+      false,
       undefined,
     ]
   }

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

@@ -2,12 +2,11 @@
 
 exports[`should render <LoadEarlierMessages /> and compare with snapshot 1`] = `
 <View
-  accessibilityRole="button"
   accessibilityState={
     {
       "busy": undefined,
       "checked": undefined,
-      "disabled": false,
+      "disabled": undefined,
       "expanded": undefined,
       "selected": undefined,
     }
@@ -23,30 +22,6 @@ exports[`should render <LoadEarlierMessages /> and compare with snapshot 1`] = `
   accessible={true}
   collapsable={false}
   focusable={true}
-  jestAnimatedProps={
-    {
-      "value": {},
-    }
-  }
-  jestAnimatedStyle={
-    {
-      "value": {
-        "opacity": 1,
-      },
-    }
-  }
-  jestInlineStyle={
-    [
-      [
-        {
-          "alignItems": "center",
-          "marginBottom": 10,
-          "marginTop": 5,
-        },
-        undefined,
-      ],
-    ]
-  }
   onBlur={[Function]}
   onClick={[Function]}
   onFocus={[Function]}
@@ -56,52 +31,89 @@ exports[`should render <LoadEarlierMessages /> and compare with snapshot 1`] = `
   onResponderTerminate={[Function]}
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "marginBottom": 10,
-        "marginTop": 5,
-      },
-      undefined,
-      {
-        "opacity": 1,
-      },
-    ]
-  }
 >
   <View
+    accessibilityRole="button"
+    collapsable={false}
+    disabled={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "opacity": 1,
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        [
+          {
+            "alignItems": "center",
+            "marginVertical": 10,
+          },
+          undefined,
+        ],
+      ]
+    }
     style={
       [
         {
           "alignItems": "center",
-          "justifyContent": "center",
+          "marginVertical": 10,
         },
+        undefined,
         {
-          "backgroundColor": "#b2b2b2",
-          "borderRadius": 15,
-          "height": 30,
-          "paddingLeft": 10,
-          "paddingRight": 10,
+          "opacity": 1,
         },
-        undefined,
       ]
     }
   >
-    <Text
+    <View
       style={
         [
           {
-            "backgroundColor": "transparent",
-            "color": "#fff",
-            "fontSize": 12,
+            "alignItems": "center",
+            "justifyContent": "center",
+          },
+          {
+            "backgroundColor": "#b2b2b2",
+            "borderRadius": 15,
+            "paddingHorizontal": 10,
+            "paddingVertical": 5,
           },
           undefined,
         ]
       }
     >
-      Load earlier messages
-    </Text>
+      <View
+        style={
+          {
+            "paddingBottom": 4,
+            "paddingTop": 3,
+          }
+        }
+      >
+        <Text
+          style={
+            [
+              {
+                "backgroundColor": "transparent",
+                "color": "#fff",
+                "fontSize": 12,
+                "lineHeight": 13,
+              },
+              undefined,
+            ]
+          }
+        >
+          Load earlier messages
+        </Text>
+      </View>
+    </View>
   </View>
 </View>
 `;

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

@@ -100,7 +100,6 @@ exports[`Message component should render <Message /> and compare with snapshot 1
                 }
               >
                 <Text
-                  link={true}
                   style={
                     [
                       {
@@ -306,7 +305,6 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
                 }
               >
                 <Text
-                  link={true}
                   showUserAvatar={true}
                   style={
                     [
@@ -364,7 +362,7 @@ exports[`Message component should render <Message /> with Avatar 1`] = `
                     ]
                   }
                 >
-                  7:20 PM
+                  12:00 AM
                 </Text>
               </View>
             </View>
@@ -398,6 +396,45 @@ exports[`Message component should render null if user has no Avatar 1`] = `
       ]
     }
   >
+    <View
+      style={
+        [
+          {
+            "marginRight": 8,
+          },
+          undefined,
+          undefined,
+        ]
+      }
+    >
+      <View
+        accessibilityRole="image"
+        style={
+          [
+            {
+              "alignItems": "center",
+              "justifyContent": "center",
+            },
+            {
+              "borderRadius": 20,
+              "height": 40,
+              "width": 40,
+            },
+            {
+              "backgroundColor": "transparent",
+            },
+            [
+              {
+                "borderRadius": 18,
+                "height": 36,
+                "width": 36,
+              },
+              undefined,
+            ],
+          ]
+        }
+      />
+    </View>
     <View
       style={
         [
@@ -474,7 +511,6 @@ exports[`Message component should render null if user has no Avatar 1`] = `
                 }
               >
                 <Text
-                  link={true}
                   showUserAvatar={true}
                   style={
                     [
@@ -532,7 +568,7 @@ exports[`Message component should render null if user has no Avatar 1`] = `
                     ]
                   }
                 >
-                  7:20 PM
+                  12:00 AM
                 </Text>
               </View>
             </View>

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

@@ -15,7 +15,6 @@ exports[`should render <MessageText /> and compare with snapshot 1`] = `
   }
 >
   <Text
-    link={true}
     style={
       [
         {
@@ -27,7 +26,7 @@ exports[`should render <MessageText /> and compare with snapshot 1`] = `
     }
   >
     <Text>
-      test message
+      test
     </Text>
   </Text>
 </View>

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

@@ -2,13 +2,11 @@
 
 exports[`Send should always render <Send /> and compare with snapshot 1`] = `
 <View
-  accessibilityLabel="send"
-  accessibilityRole="button"
   accessibilityState={
     {
       "busy": undefined,
       "checked": undefined,
-      "disabled": false,
+      "disabled": undefined,
       "expanded": undefined,
       "selected": undefined,
     }
@@ -24,29 +22,6 @@ exports[`Send should always render <Send /> and compare with snapshot 1`] = `
   accessible={true}
   collapsable={false}
   focusable={true}
-  jestAnimatedProps={
-    {
-      "value": {},
-    }
-  }
-  jestAnimatedStyle={
-    {
-      "value": {
-        "opacity": 1,
-      },
-    }
-  }
-  jestInlineStyle={
-    [
-      [
-        {
-          "height": 44,
-          "justifyContent": "flex-end",
-        },
-        undefined,
-      ],
-    ]
-  }
   onBlur={[Function]}
   onClick={[Function]}
   onFocus={[Function]}
@@ -56,40 +31,71 @@ exports[`Send should always render <Send /> and compare with snapshot 1`] = `
   onResponderTerminate={[Function]}
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
-  style={
-    [
+>
+  <View
+    accessibilityLabel="send"
+    accessibilityRole="button"
+    accessible={true}
+    collapsable={false}
+    disabled={false}
+    jestAnimatedProps={
       {
-        "height": 44,
-        "justifyContent": "flex-end",
-      },
-      undefined,
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
       {
-        "opacity": 1,
-      },
-    ]
-  }
-  testID="GC_SEND_TOUCHABLE"
->
-  <View>
-    <Text
-      style={
+        "value": {
+          "opacity": 1,
+        },
+      }
+    }
+    jestInlineStyle={
+      [
         [
           {
-            "backgroundColor": "transparent",
-            "color": "#0084ff",
-            "fontSize": 17,
-            "fontWeight": "600",
-            "marginBottom": 12,
-            "marginLeft": 10,
-            "marginRight": 10,
+            "height": 44,
+            "justifyContent": "flex-end",
           },
           undefined,
-          undefined,
-        ]
-      }
-    >
-      Send
-    </Text>
+        ],
+      ]
+    }
+    style={
+      [
+        {
+          "height": 44,
+          "justifyContent": "flex-end",
+        },
+        undefined,
+        {
+          "opacity": 1,
+        },
+      ]
+    }
+    testID="GC_SEND_TOUCHABLE"
+  >
+    <View>
+      <Text
+        style={
+          [
+            {
+              "backgroundColor": "transparent",
+              "color": "#0084ff",
+              "fontSize": 17,
+              "fontWeight": "600",
+              "marginBottom": 12,
+              "marginLeft": 10,
+              "marginRight": 10,
+            },
+            undefined,
+            undefined,
+          ]
+        }
+      >
+        Send
+      </Text>
+    </View>
   </View>
 </View>
 `;
@@ -98,13 +104,11 @@ exports[`Send should not render <Send /> and compare with snapshot 1`] = `null`;
 
 exports[`Send should render <Send /> where there is input and compare with snapshot 1`] = `
 <View
-  accessibilityLabel="send"
-  accessibilityRole="button"
   accessibilityState={
     {
       "busy": undefined,
       "checked": undefined,
-      "disabled": false,
+      "disabled": undefined,
       "expanded": undefined,
       "selected": undefined,
     }
@@ -120,29 +124,6 @@ exports[`Send should render <Send /> where there is input and compare with snaps
   accessible={true}
   collapsable={false}
   focusable={true}
-  jestAnimatedProps={
-    {
-      "value": {},
-    }
-  }
-  jestAnimatedStyle={
-    {
-      "value": {
-        "opacity": 1,
-      },
-    }
-  }
-  jestInlineStyle={
-    [
-      [
-        {
-          "height": 44,
-          "justifyContent": "flex-end",
-        },
-        undefined,
-      ],
-    ]
-  }
   onBlur={[Function]}
   onClick={[Function]}
   onFocus={[Function]}
@@ -152,40 +133,71 @@ exports[`Send should render <Send /> where there is input and compare with snaps
   onResponderTerminate={[Function]}
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
-  style={
-    [
+>
+  <View
+    accessibilityLabel="send"
+    accessibilityRole="button"
+    accessible={true}
+    collapsable={false}
+    disabled={false}
+    jestAnimatedProps={
       {
-        "height": 44,
-        "justifyContent": "flex-end",
-      },
-      undefined,
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
       {
-        "opacity": 1,
-      },
-    ]
-  }
-  testID="GC_SEND_TOUCHABLE"
->
-  <View>
-    <Text
-      style={
+        "value": {
+          "opacity": 1,
+        },
+      }
+    }
+    jestInlineStyle={
+      [
         [
           {
-            "backgroundColor": "transparent",
-            "color": "#0084ff",
-            "fontSize": 17,
-            "fontWeight": "600",
-            "marginBottom": 12,
-            "marginLeft": 10,
-            "marginRight": 10,
+            "height": 44,
+            "justifyContent": "flex-end",
           },
           undefined,
-          undefined,
-        ]
-      }
-    >
-      Send
-    </Text>
+        ],
+      ]
+    }
+    style={
+      [
+        {
+          "height": 44,
+          "justifyContent": "flex-end",
+        },
+        undefined,
+        {
+          "opacity": 1,
+        },
+      ]
+    }
+    testID="GC_SEND_TOUCHABLE"
+  >
+    <View>
+      <Text
+        style={
+          [
+            {
+              "backgroundColor": "transparent",
+              "color": "#0084ff",
+              "fontSize": 17,
+              "fontWeight": "600",
+              "marginBottom": 12,
+              "marginLeft": 10,
+              "marginRight": 10,
+            },
+            undefined,
+            undefined,
+          ]
+        }
+      >
+        Send
+      </Text>
+    </View>
   </View>
 </View>
 `;