stream-chat-react-native-core 4.2.0-beta.2 → 4.2.0

package/src/components/Message/MessageSimple/MessageContent.tsx

@@ -212,7 +212,7 @@ const MessageContentWithContext = <
     backgroundColor = transparent;
   } else if (otherAttachments.length) {
     if (otherAttachments[0].type === 'giphy') {
-      backgroundColor = message.quoted_message || isMyMessage ? grey_gainsboro : white;
+      backgroundColor = message.quoted_message ? grey_gainsboro : transparent;
     } else {
       backgroundColor = blue_alice;
     }

package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessageReplies.test.js.snap

@@ -47,6 +47,7 @@ exports[`MessageReplies should render message replies 1`] = `
   </View>
   <View
     accessible={true}
+    collapsable={false}
     focusable={true}
     onClick={[Function]}
     onResponderGrant={[Function]}

package/src/components/Message/MessageSimple/utils/renderText.test.tsx

@@ -1,7 +1,9 @@
 import React from 'react';
 import { Text } from 'react-native';
 
-import { render, waitFor } from '@testing-library/react-native';
+import type { ReactTestInstance } from 'react-test-renderer';
+
+import { render, waitFor, within } from '@testing-library/react-native';
 
 // @ts-ignore
 import { ASTNode, SingleASTNode } from 'simple-markdown';
@@ -31,40 +33,45 @@ describe('list', () => {
     </>
   );
 
-  it('renders numbered items', async () => {
+  it('renders numbered items', () => {
     const node = createNode({ amount: 3, ordered: true, start: 1 });
-    const { getByText } = render(<MockText node={node} output={mockOutput} state={{}} />);
-
-    await waitFor(() => expect(getByText('1. ')).toBeTruthy());
-    await waitFor(() => expect(getByText('2. ')).toBeTruthy());
-    await waitFor(() => expect(getByText('3. ')).toBeTruthy());
+    const { container } = render(<MockText node={node} output={mockOutput} state={{}} />);
+    const textInstances = container.children as ReactTestInstance[];
+    textInstances.forEach(async (instance, index) => {
+      const text = `${index + node.start}. `; // 1. , 2. ...
+      await waitFor(() => expect(within(instance).getByText(text)).toBeTruthy());
+    });
   });
 
-  it('renders numbered items from a start index', async () => {
+  it('renders numbered items from a start index', () => {
     const node = createNode({ amount: 3, ordered: true, start: 3 });
-    const { getByText } = render(<MockText node={node} output={mockOutput} state={{}} />);
-
-    await waitFor(() => expect(getByText('3. ')).toBeTruthy());
-    await waitFor(() => expect(getByText('4. ')).toBeTruthy());
-    await waitFor(() => expect(getByText('5. ')).toBeTruthy());
+    const { container } = render(<MockText node={node} output={mockOutput} state={{}} />);
+    const textInstances = container.children as ReactTestInstance[];
+    textInstances.forEach(async (instance, index) => {
+      const text = `${index + node.start}. `; // 3. , 4. ...
+      await waitFor(() => expect(within(instance).getByText(text)).toBeTruthy());
+    });
   });
 
-  it('does not throw an error if an item is empty', async () => {
+  it('does not throw an error if an item is empty', () => {
     const node = {
       ...createNode({ amount: 3, ordered: true }),
       items: ['Not empty', null, 'Not empty'],
     };
-    const { getByText } = render(<MockText node={node} output={mockOutput} state={{}} />);
-
-    await waitFor(() => expect(getByText('1. ')).toBeTruthy());
-    await waitFor(() => expect(getByText('2. ')).toBeTruthy());
-    await waitFor(() => expect(getByText('3. ')).toBeTruthy());
+    const { container } = render(<MockText node={node} output={mockOutput} state={{}} />);
+    const textInstances = container.children as ReactTestInstance[];
+    textInstances.forEach(async (instance, index) => {
+      const text = `${index + 1}. `; // 1. , 2. ...
+      await waitFor(() => expect(within(instance).getByText(text)).toBeTruthy());
+    });
   });
 
-  it('renders an unordered list', async () => {
+  it('renders an unordered list', () => {
     const node = createNode({ amount: 3 });
-    const { getAllByText } = render(<MockText node={node} output={mockOutput} state={{}} />);
-
-    await waitFor(() => expect(getAllByText('\u2022 ')).toHaveLength(3));
+    const { container } = render(<MockText node={node} output={mockOutput} state={{}} />);
+    const textInstances = container.children as ReactTestInstance[];
+    textInstances.forEach(async (instance) => {
+      await waitFor(() => expect(within(instance).getByText('\u2022 ')).toBeTruthy());
+    });
   });
 });

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

@@ -23,6 +23,7 @@ exports[`AttachButton should render a disabled AttachButton 1`] = `
 >
   <View
     accessible={true}
+    collapsable={false}
     hitSlop={
       Object {
         "bottom": 15,
@@ -106,6 +107,7 @@ exports[`AttachButton should render an enabled AttachButton 1`] = `
 >
   <View
     accessible={true}
+    collapsable={false}
     hitSlop={
       Object {
         "bottom": 15,

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

@@ -53,17 +53,13 @@ Array [
             },
           ]
         }
-        disableVirtualization={false}
         getItem={[Function]}
         getItemCount={[Function]}
         getItemLayout={[Function]}
-        horizontal={false}
-        initialNumToRender={10}
         keyExtractor={[Function]}
-        maxToRenderPerBatch={10}
         onContentSizeChange={[Function]}
-        onEndReachedThreshold={2}
         onLayout={[Function]}
+        onMomentumScrollBegin={[Function]}
         onMomentumScrollEnd={[Function]}
         onScroll={[Function]}
         onScrollBeginDrag={[Function]}
@@ -81,9 +77,7 @@ Array [
             Object {},
           ]
         }
-        updateCellsBatchingPeriod={50}
         viewabilityConfigCallbackPairs={Array []}
-        windowSize={21}
       >
         <View>
           <View
@@ -320,10 +314,7 @@ Array [
                   }
                 >
                   <ActivityIndicator
-                    animating={true}
                     color="#F2F2F2"
-                    hidesWhenStopped={true}
-                    size="small"
                     testID="upload-progress-indicator"
                   />
                 </View>
@@ -331,6 +322,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -584,6 +576,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -873,6 +866,7 @@ Array [
               >
                 <View
                   accessible={true}
+                  collapsable={false}
                   focusable={true}
                   onClick={[Function]}
                   onResponderGrant={[Function]}
@@ -942,6 +936,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -1085,17 +1080,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]}
@@ -1104,9 +1095,7 @@ Array [
       renderItem={[Function]}
       scrollEventThrottle={50}
       stickyHeaderIndices={Array []}
-      updateCellsBatchingPeriod={50}
       viewabilityConfigCallbackPairs={Array []}
-      windowSize={21}
     >
       <View />
     </RCTScrollView>
@@ -1167,17 +1156,13 @@ Array [
             },
           ]
         }
-        disableVirtualization={false}
         getItem={[Function]}
         getItemCount={[Function]}
         getItemLayout={[Function]}
-        horizontal={false}
-        initialNumToRender={10}
         keyExtractor={[Function]}
-        maxToRenderPerBatch={10}
         onContentSizeChange={[Function]}
-        onEndReachedThreshold={2}
         onLayout={[Function]}
+        onMomentumScrollBegin={[Function]}
         onMomentumScrollEnd={[Function]}
         onScroll={[Function]}
         onScrollBeginDrag={[Function]}
@@ -1195,9 +1180,7 @@ Array [
             Object {},
           ]
         }
-        updateCellsBatchingPeriod={50}
         viewabilityConfigCallbackPairs={Array []}
-        windowSize={21}
       >
         <View>
           <View
@@ -1422,6 +1405,7 @@ Array [
               >
                 <View
                   accessible={true}
+                  collapsable={false}
                   focusable={true}
                   onClick={[Function]}
                   onResponderGrant={[Function]}
@@ -1491,6 +1475,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -1778,6 +1763,7 @@ Array [
               >
                 <View
                   accessible={true}
+                  collapsable={false}
                   focusable={true}
                   onClick={[Function]}
                   onResponderGrant={[Function]}
@@ -1847,6 +1833,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -2136,6 +2123,7 @@ Array [
               >
                 <View
                   accessible={true}
+                  collapsable={false}
                   focusable={true}
                   onClick={[Function]}
                   onResponderGrant={[Function]}
@@ -2205,6 +2193,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -2348,17 +2337,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]}
@@ -2367,9 +2352,7 @@ Array [
       renderItem={[Function]}
       scrollEventThrottle={50}
       stickyHeaderIndices={Array []}
-      updateCellsBatchingPeriod={50}
       viewabilityConfigCallbackPairs={Array []}
-      windowSize={21}
     >
       <View />
     </RCTScrollView>
@@ -2430,17 +2413,13 @@ Array [
             },
           ]
         }
-        disableVirtualization={false}
         getItem={[Function]}
         getItemCount={[Function]}
         getItemLayout={[Function]}
-        horizontal={false}
-        initialNumToRender={10}
         keyExtractor={[Function]}
-        maxToRenderPerBatch={10}
         onContentSizeChange={[Function]}
-        onEndReachedThreshold={2}
         onLayout={[Function]}
+        onMomentumScrollBegin={[Function]}
         onMomentumScrollEnd={[Function]}
         onScroll={[Function]}
         onScrollBeginDrag={[Function]}
@@ -2458,9 +2437,7 @@ Array [
             Object {},
           ]
         }
-        updateCellsBatchingPeriod={50}
         viewabilityConfigCallbackPairs={Array []}
-        windowSize={21}
       >
         <View>
           <View
@@ -2651,6 +2628,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -2904,6 +2882,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -3159,6 +3138,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -3302,17 +3282,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]}
@@ -3321,9 +3297,7 @@ Array [
       renderItem={[Function]}
       scrollEventThrottle={50}
       stickyHeaderIndices={Array []}
-      updateCellsBatchingPeriod={50}
       viewabilityConfigCallbackPairs={Array []}
-      windowSize={21}
     >
       <View />
     </RCTScrollView>
@@ -3384,17 +3358,13 @@ Array [
             },
           ]
         }
-        disableVirtualization={false}
         getItem={[Function]}
         getItemCount={[Function]}
         getItemLayout={[Function]}
-        horizontal={false}
-        initialNumToRender={10}
         keyExtractor={[Function]}
-        maxToRenderPerBatch={10}
         onContentSizeChange={[Function]}
-        onEndReachedThreshold={2}
         onLayout={[Function]}
+        onMomentumScrollBegin={[Function]}
         onMomentumScrollEnd={[Function]}
         onScroll={[Function]}
         onScrollBeginDrag={[Function]}
@@ -3412,9 +3382,7 @@ Array [
             Object {},
           ]
         }
-        updateCellsBatchingPeriod={50}
         viewabilityConfigCallbackPairs={Array []}
-        windowSize={21}
       >
         <View>
           <View
@@ -3651,10 +3619,7 @@ Array [
                   }
                 >
                   <ActivityIndicator
-                    animating={true}
                     color="#F2F2F2"
-                    hidesWhenStopped={true}
-                    size="small"
                     testID="upload-progress-indicator"
                   />
                 </View>
@@ -3662,6 +3627,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -3961,10 +3927,7 @@ Array [
                   }
                 >
                   <ActivityIndicator
-                    animating={true}
                     color="#F2F2F2"
-                    hidesWhenStopped={true}
-                    size="small"
                     testID="upload-progress-indicator"
                   />
                 </View>
@@ -3972,6 +3935,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -4273,10 +4237,7 @@ Array [
                   }
                 >
                   <ActivityIndicator
-                    animating={true}
                     color="#F2F2F2"
-                    hidesWhenStopped={true}
-                    size="small"
                     testID="upload-progress-indicator"
                   />
                 </View>
@@ -4284,6 +4245,7 @@ Array [
             </View>
             <View
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -4427,17 +4389,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]}
@@ -4446,9 +4404,7 @@ Array [
       renderItem={[Function]}
       scrollEventThrottle={50}
       stickyHeaderIndices={Array []}
-      updateCellsBatchingPeriod={50}
       viewabilityConfigCallbackPairs={Array []}
-      windowSize={21}
     >
       <View />
     </RCTScrollView>