stream-chat-react-native-core 4.1.4 → 4.2.0-beta.3

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

@@ -69,6 +69,9 @@ Array [
             >
               <RNGestureHandlerButton
                 collapsable={false}
+                exclusive={true}
+                handlerTag={1}
+                handlerType="NativeViewGestureHandler"
                 hitSlop={
                   Object {
                     "bottom": 15,
@@ -86,6 +89,7 @@ Array [
               >
                 <View
                   accessible={true}
+                  collapsable={false}
                   hitSlop={
                     Object {
                       "bottom": 15,
@@ -150,6 +154,9 @@ Array [
             >
               <RNGestureHandlerButton
                 collapsable={false}
+                exclusive={true}
+                handlerTag={2}
+                handlerType="NativeViewGestureHandler"
                 hitSlop={
                   Object {
                     "bottom": 15,
@@ -167,6 +174,7 @@ Array [
               >
                 <View
                   accessible={true}
+                  collapsable={false}
                   hitSlop={
                     Object {
                       "bottom": 15,
@@ -259,7 +267,6 @@ Array [
               }
             >
               <TextInput
-                allowFontScaling={true}
                 maxLength={5000}
                 multiline={true}
                 onBlur={[Function]}
@@ -268,7 +275,6 @@ Array [
                 onSelectionChange={[Function]}
                 placeholder="Send a message"
                 placeholderTextColor="#7A7A7A"
-                rejectResponderTermination={true}
                 style={
                   Array [
                     Object {
@@ -287,7 +293,6 @@ Array [
                   ]
                 }
                 testID="auto-complete-text-input"
-                underlineColorAndroid="transparent"
                 value=""
               />
             </View>
@@ -305,6 +310,9 @@ Array [
           >
             <RNGestureHandlerButton
               collapsable={false}
+              exclusive={true}
+              handlerTag={3}
+              handlerType="NativeViewGestureHandler"
               onGestureEvent={[Function]}
               onGestureHandlerEvent={[Function]}
               onGestureHandlerStateChange={[Function]}
@@ -314,6 +322,7 @@ Array [
             >
               <View
                 accessible={true}
+                collapsable={false}
                 style={
                   Object {
                     "opacity": 1,
@@ -395,6 +404,7 @@ Array [
         >
           <View
             accessible={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -484,6 +494,7 @@ Array [
           </View>
           <View
             accessible={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -561,6 +572,7 @@ Array [
           </View>
           <View
             accessible={true}
+            collapsable={false}
             focusable={true}
             hitSlop={
               Object {
@@ -714,17 +726,13 @@ Array [
         ]
       }
       data={Array []}
-      disableVirtualization={false}
       getItem={[Function]}
       getItemCount={[Function]}
-      horizontal={false}
-      initialNumToRender={10}
       keyExtractor={[Function]}
-      maxToRenderPerBatch={10}
       onContentSizeChange={[Function]}
       onEndReached={[Function]}
-      onEndReachedThreshold={2}
       onLayout={[Function]}
+      onMomentumScrollBegin={[Function]}
       onMomentumScrollEnd={[Function]}
       onScroll={[Function]}
       onScrollBeginDrag={[Function]}
@@ -733,9 +741,7 @@ Array [
       renderItem={[Function]}
       scrollEventThrottle={50}
       stickyHeaderIndices={Array []}
-      updateCellsBatchingPeriod={50}
       viewabilityConfigCallbackPairs={Array []}
-      windowSize={21}
     >
       <View />
     </RCTScrollView>

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

@@ -3,6 +3,9 @@
 exports[`SendButton should render a non-editing disabled SendButton 1`] = `
 <RNGestureHandlerButton
   collapsable={false}
+  exclusive={true}
+  handlerTag={2}
+  handlerType="NativeViewGestureHandler"
   onGestureEvent={[Function]}
   onGestureHandlerEvent={[Function]}
   onGestureHandlerStateChange={[Function]}
@@ -12,6 +15,7 @@ exports[`SendButton should render a non-editing disabled SendButton 1`] = `
 >
   <View
     accessible={true}
+    collapsable={false}
     style={
       Object {
         "opacity": 1,
@@ -67,6 +71,9 @@ exports[`SendButton should render a non-editing disabled SendButton 1`] = `
 exports[`SendButton should render a non-editing enabled SendButton 1`] = `
 <RNGestureHandlerButton
   collapsable={false}
+  exclusive={true}
+  handlerTag={1}
+  handlerType="NativeViewGestureHandler"
   onGestureEvent={[Function]}
   onGestureHandlerEvent={[Function]}
   onGestureHandlerStateChange={[Function]}
@@ -76,6 +83,7 @@ exports[`SendButton should render a non-editing enabled SendButton 1`] = `
 >
   <View
     accessible={true}
+    collapsable={false}
     style={
       Object {
         "opacity": 1,
@@ -131,6 +139,9 @@ exports[`SendButton should render a non-editing enabled SendButton 1`] = `
 exports[`SendButton should render an editing disabled SendButton 1`] = `
 <RNGestureHandlerButton
   collapsable={false}
+  exclusive={true}
+  handlerTag={4}
+  handlerType="NativeViewGestureHandler"
   onGestureEvent={[Function]}
   onGestureHandlerEvent={[Function]}
   onGestureHandlerStateChange={[Function]}
@@ -140,6 +151,7 @@ exports[`SendButton should render an editing disabled SendButton 1`] = `
 >
   <View
     accessible={true}
+    collapsable={false}
     style={
       Object {
         "opacity": 1,
@@ -195,6 +207,9 @@ exports[`SendButton should render an editing disabled SendButton 1`] = `
 exports[`SendButton should render an editing enabled SendButton 1`] = `
 <RNGestureHandlerButton
   collapsable={false}
+  exclusive={true}
+  handlerTag={3}
+  handlerType="NativeViewGestureHandler"
   onGestureEvent={[Function]}
   onGestureHandlerEvent={[Function]}
   onGestureHandlerStateChange={[Function]}
@@ -204,6 +219,7 @@ exports[`SendButton should render an editing enabled SendButton 1`] = `
 >
   <View
     accessible={true}
+    collapsable={false}
     style={
       Object {
         "opacity": 1,

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

@@ -61,10 +61,7 @@ exports[`UploadProgressIndicator should render an active IN_PROGRESS UploadProgr
       }
     >
       <ActivityIndicator
-        animating={true}
         color="#F2F2F2"
-        hidesWhenStopped={true}
-        size="small"
         testID="upload-progress-indicator"
       />
     </View>
@@ -121,6 +118,7 @@ exports[`UploadProgressIndicator should render an active RETRY UploadProgressInd
   >
     <View
       accessible={true}
+      collapsable={false}
       focusable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}

package/src/components/MessageList/__tests__/__snapshots__/ScrollToBottomButton.test.js.snap

@@ -3,6 +3,7 @@
 exports[`ScrollToBottomButton should render the message notification and match snapshot 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={true}
   onClick={[Function]}
   onResponderGrant={[Function]}

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

@@ -134,12 +134,9 @@ exports[`Thread should match thread snapshot 1`] = `
             },
           ]
         }
-        disableVirtualization={false}
         extraData={false}
         getItem={[Function]}
         getItemCount={[Function]}
-        horizontal={false}
-        initialNumToRender={10}
         invertStickyHeaders={true}
         inverted={true}
         keyExtractor={[Function]}
@@ -150,10 +147,9 @@ exports[`Thread should match thread snapshot 1`] = `
             "minIndexForVisible": 1,
           }
         }
-        maxToRenderPerBatch={10}
         onContentSizeChange={[Function]}
-        onEndReachedThreshold={2}
         onLayout={[Function]}
+        onMomentumScrollBegin={[Function]}
         onMomentumScrollEnd={[Function]}
         onScroll={[Function]}
         onScrollBeginDrag={[Function]}
@@ -184,7 +180,6 @@ exports[`Thread should match thread snapshot 1`] = `
           ]
         }
         testID="message-flat-list"
-        updateCellsBatchingPeriod={50}
         viewabilityConfig={
           Object {
             "viewAreaCoveragePercentThreshold": 1,
@@ -200,7 +195,6 @@ exports[`Thread should match thread snapshot 1`] = `
             },
           ]
         }
-        windowSize={21}
       >
         <View>
           <View
@@ -339,6 +333,7 @@ exports[`Thread should match thread snapshot 1`] = `
                       </View>
                       <View
                         accessible={true}
+                        collapsable={false}
                         focusable={true}
                         onClick={[Function]}
                         onResponderGrant={[Function]}
@@ -586,6 +581,7 @@ exports[`Thread should match thread snapshot 1`] = `
                       </View>
                       <View
                         accessible={true}
+                        collapsable={false}
                         focusable={true}
                         onClick={[Function]}
                         onResponderGrant={[Function]}
@@ -833,6 +829,7 @@ exports[`Thread should match thread snapshot 1`] = `
                       </View>
                       <View
                         accessible={true}
+                        collapsable={false}
                         focusable={true}
                         onClick={[Function]}
                         onResponderGrant={[Function]}
@@ -1122,7 +1119,13 @@ exports[`Thread should match thread snapshot 1`] = `
                           </View>
                         </View>
                         <View
+                          accessibilityState={
+                            Object {
+                              "disabled": true,
+                            }
+                          }
                           accessible={true}
+                          collapsable={false}
                           focusable={true}
                           onClick={[Function]}
                           onResponderGrant={[Function]}

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -4,7 +4,7 @@ import type { TouchableOpacityProps } from 'react-native';
 
 import type { MessagePinnedHeaderProps } from 'src/components/Message/MessageSimple/MessagePinnedHeader';
 
-import type { ChannelState, MessageResponse } from 'stream-chat';
+import type { Attachment, ChannelState, MessageResponse } from 'stream-chat';
 
 import type { AttachmentProps } from '../../components/Attachment/Attachment';
 import type { AttachmentActionsProps } from '../../components/Attachment/AttachmentActions';
@@ -107,7 +107,10 @@ export type MessagesContextValue<
    * Defaults to: [Giphy](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Giphy.tsx)
    */
   Giphy: React.ComponentType<GiphyProps<StreamChatGenerics>>;
-
+  /**
+   * The giphy version to render - check the keys of the [Image Object](https://developers.giphy.com/docs/api/schema#image-object) for possible values. Uses 'fixed_height' by default
+   * */
+  giphyVersion: keyof NonNullable<Attachment['giphy']>;
   /**
    * When true, messageList will be scrolled at first unread message, when opened.
    */

package/src/contexts/themeContext/utils/theme.ts

@@ -20,6 +20,7 @@ export const Colors = {
   grey_gainsboro: '#DBDBDB',
   grey_whisper: '#ECEBEB',
   icon_background: '#FFFFFF',
+  label_bg_transparent: '#00000033', // 33 = 20% opacity
   modal_shadow: '#00000099', // 99 = 60% opacity; x=0, y= 1, radius=4
   overlay: '#000000CC', // CC = 80% opacity
   shadow_icon: '#00000040', // 40 = 25% opacity; x=0, y=0, radius=4

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.1.4"
+  "version": "4.2.0-beta.3"
 }