Changes before error encountered

Co-authored-by: kesha-antonov <11584712+kesha-antonov@users.noreply.github.com>

Author: Copilot

src/GiftedChat/types.ts

@@ -168,6 +168,8 @@ export interface GiftedChatProps<TMessage extends IMessage> extends Partial<Mess
   renderCustomView?(props: BubbleProps<TMessage>): React.ReactNode
   /* Custom day above a message */
   renderDay?(props: DayProps): React.ReactNode
+  /* Controls whether to show the floating sticky date; default is true */
+  showStickyDate?: boolean
   /* Custom time inside a message */
   renderTime?(props: TimeProps<TMessage>): React.ReactNode
   /* Custom footer component on the ListView, e.g. 'User is typing...' */

src/MessageContainer/index.tsx

@@ -54,6 +54,7 @@ function MessageContainer<TMessage extends IMessage = IMessage> (props: MessageC
     handleOnScroll: handleOnScrollProp,
     scrollToBottomComponent: scrollToBottomComponentProp,
     renderDay: renderDayProp,
+    showStickyDate = true,
   } = props
 
   const scrollToBottomOpacity = useSharedValue(0)
@@ -376,14 +377,18 @@ function MessageContainer<TMessage extends IMessage = IMessage> (props: MessageC
       {isScrollToBottomEnabled
         ? renderScrollToBottomWrapper()
         : null}
-      <DayAnimated
-        scrolledY={scrolledY}
-        daysPositions={daysPositions}
-        listHeight={listHeight}
-        renderDay={renderDayProp}
-        messages={messages}
-        isLoadingEarlier={isLoadingEarlier}
-      />
+      {showStickyDate
+        ? (
+          <DayAnimated
+            scrolledY={scrolledY}
+            daysPositions={daysPositions}
+            listHeight={listHeight}
+            renderDay={renderDayProp}
+            messages={messages}
+            isLoadingEarlier={isLoadingEarlier}
+          />
+        )
+        : null}
     </View>
   )
 }

src/MessageContainer/types.ts

@@ -7,7 +7,7 @@ import {
 
 import { LoadEarlierProps } from '../LoadEarlier'
 import { MessageProps } from '../Message'
-import {User, IMessage, Reply, DayProps} from '../types'
+import { User, IMessage, Reply, DayProps } from '../types'
 import { ReanimatedScrollEvent } from 'react-native-reanimated/lib/typescript/hook/commonTypes'
 import { FlatList } from 'react-native-reanimated/lib/typescript/Animated'
 import { AnimateProps } from 'react-native-reanimated'
@@ -34,6 +34,7 @@ export interface MessageContainerProps<TMessage extends IMessage = IMessage> {
   renderFooter?(props: MessageContainerProps<TMessage>): React.ReactNode
   renderMessage?(props: MessageProps<TMessage>): React.ReactElement
   renderDay?(props: DayProps): React.ReactNode
+  showStickyDate?: boolean
   renderLoadEarlier?(props: LoadEarlierProps): React.ReactNode
   renderTypingIndicator?(): React.ReactNode
   scrollToBottomComponent?(): React.ReactNode

src/__tests__/GiftedChat.test.tsx

@@ -9,7 +9,7 @@ const messages = [
   {
     _id: 1,
     text: 'Hello developer',
-    createdAt: new Date(),
+    createdAt: new Date('2023-01-01T12:00:00.000Z'),
     user: {
       _id: 2,
       name: 'React Native',
@@ -40,3 +40,28 @@ it('should render <GiftedChat/> and compare with snapshot', () => {
 
   expect(tree.toJSON()).toMatchSnapshot()
 })
+
+it('should render <GiftedChat/> with showStickyDate=false and compare with snapshot', () => {
+  let tree
+
+  renderer.act(() => {
+    (useReanimatedKeyboardAnimation as jest.Mock).mockReturnValue({
+      height: {
+        value: 0,
+      },
+    })
+
+    tree = renderer.create(
+      <GiftedChat
+        messages={messages}
+        onSend={() => {}}
+        user={{
+          _id: 1,
+        }}
+        showStickyDate={false}
+      />
+    )
+  })
+
+  expect(tree.toJSON()).toMatchSnapshot()
+})

src/__tests__/MessageContainer.test.tsx

@@ -4,8 +4,32 @@ import renderer from 'react-test-renderer'
 
 import { MessageContainer } from '../GiftedChat'
 
+const messages = [
+  {
+    _id: 1,
+    text: 'Hello developer',
+    createdAt: new Date('2023-01-01T12:00:00.000Z'),
+    user: {
+      _id: 2,
+      name: 'React Native',
+    },
+  },
+]
+
 it('should render <MessageContainer /> and compare with snapshot', () => {
   const tree = renderer.create(<MessageContainer />).toJSON()
 
   expect(tree).toMatchSnapshot()
 })
+
+it('should render <MessageContainer /> with showStickyDate=true (default)', () => {
+  const tree = renderer.create(<MessageContainer messages={messages} />).toJSON()
+
+  expect(tree).toMatchSnapshot()
+})
+
+it('should render <MessageContainer /> with showStickyDate=false', () => {
+  const tree = renderer.create(<MessageContainer messages={messages} showStickyDate={false} />).toJSON()
+
+  expect(tree).toMatchSnapshot()
+})

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

@@ -26,3 +26,30 @@ exports[`should render <GiftedChat/> and compare with snapshot 1`] = `
   </View>
 </KeyboardProvider>
 `;
+
+exports[`should render <GiftedChat/> with showStickyDate=false and compare with snapshot 1`] = `
+<KeyboardProvider>
+  <View
+    style={
+      {
+        "flex": 1,
+      }
+    }
+  >
+    <View
+      onLayout={[Function]}
+      style={
+        [
+          {
+            "flex": 1,
+          },
+          {
+            "overflow": "hidden",
+          },
+        ]
+      }
+      testID="GC_WRAPPER"
+    />
+  </View>
+</KeyboardProvider>
+`;