ts fixes

Author: kesha-antonov

.eslintignore

@@ -0,0 +1 @@
+/lib

example/example-slack-message/src/SlackBubble.tsx

@@ -53,7 +53,7 @@ interface Props {
     left: StyleProp<ViewStyle>
     right: StyleProp<ViewStyle>
   }
-  imageStyle: StyleProp<ViewStyle>
+  imageStyle?: StyleProp<ViewStyle>
   textStyle: StyleProp<TextStyle>
   position: 'left' | 'right'
 }
@@ -142,6 +142,7 @@ const Bubble = (props: Props) => {
 
   const renderTicks = useCallback(() => {
     const { currentMessage } = props
+
     if (props.renderTicks)
       return props.renderTicks(currentMessage)
 

example/example-slack-message/src/SlackMessage.tsx

@@ -7,17 +7,18 @@ import {
 } from 'react-native'
 
 import { Avatar, Day, utils } from 'react-native-gifted-chat'
+import type { DayProps, BubbleProps, AvatarProps, IMessage } from 'react-native-gifted-chat'
 import Bubble from './SlackBubble'
 
 const { isSameUser, isSameDay } = utils
 
 interface Props {
-  renderAvatar: () => void,
-  renderBubble: () => void,
-  renderDay: () => void,
+  renderAvatar?: (props: AvatarProps<IMessage>) => void,
+  renderBubble?: (props: BubbleProps<IMessage>) => void,
+  renderDay?: (props: DayProps) => void,
   currentMessage: any,
-  nextMessage: any,
-  previousMessage: any,
+  nextMessage?: any,
+  previousMessage?: any,
   containerStyle?: {
     left: StyleProp<ViewStyle>,
     right: StyleProp<ViewStyle>,
@@ -38,22 +39,26 @@ const Message = (props: Props) => {
       position: 'left',
       isSameUser,
       isSameDay,
+      containerStyle: props.containerStyle?.left,
     }
   }, [props])
 
   const renderDay = useCallback(() => {
     if (currentMessage.createdAt) {
       const dayProps = getInnerComponentProps()
+
       if (props.renderDay)
         return props.renderDay(dayProps)
 
       return <Day {...dayProps} />
     }
+
     return null
   }, [])
 
   const renderBubble = useCallback(() => {
     const bubbleProps = getInnerComponentProps()
+
     if (props.renderBubble)
       return props.renderBubble(bubbleProps)
 

flow-typedefs/Avatar.js.flow

@@ -7,7 +7,7 @@ import type {
 } from 'react-native/Libraries/StyleSheet/StyleSheet'
 
 export type AvatarProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
-  currentMessage?: TMessage,
+  currentMessage: TMessage,
   previousMessage?: TMessage,
   nextMessage?: TMessage,
   position: 'left' | 'right',

flow-typedefs/Bubble.js.flow

@@ -36,7 +36,7 @@ export type BubbleProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
   isCustomViewBottom?: boolean,
   inverted?: boolean,
   position: 'left' | 'right',
-  currentMessage?: TMessage,
+  currentMessage: TMessage,
   nextMessage?: TMessage,
   previousMessage?: TMessage,
   optionTitles?: string,

flow-typedefs/Day.js.flow

@@ -8,7 +8,7 @@ import type {
 } from 'react-native/Libraries/StyleSheet/StyleSheet'
 
 export type DayProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
-  currentMessage?: TMessage,
+  currentMessage: TMessage,
   nextMessage?: TMessage,
   previousMessage?: TMessage,
   containerStyle?: ViewStyleProp,

flow-typedefs/Message.js.flow

@@ -11,7 +11,7 @@ export type MessageProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
   key: React$Key,
   showUserAvatar?: boolean,
   position: 'left' | 'right',
-  currentMessage?: TMessage,
+  currentMessage: TMessage,
   nextMessage?: TMessage,
   previousMessage?: TMessage,
   user: User,

flow-typedefs/MessageAudio.js.flow

@@ -4,7 +4,7 @@ import type { IMessage } from './types'
 import type { ViewStyleProp } from 'react-native/Libraries/StyleSheet/StyleSheet'
 
 export type MessageAudioProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
-  currentMessage?: TMessage,
+  currentMessage: TMessage,
   containerStyle?: ViewStyleProp,
   audioStyle?: ViewStyleProp,
   audioProps?: Object,

flow-typedefs/MessageImage.js.flow

@@ -8,7 +8,7 @@ import type {
 } from 'react-native/Libraries/StyleSheet/StyleSheet'
 
 export type MessageImageProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
-  currentMessage?: TMessage,
+  currentMessage: TMessage,
   containerStyle?: ViewStyleProp,
   imageStyle?: ImageStyleProp,
   imageProps?: $Shape<React.ElementProps<typeof Image>>,

flow-typedefs/MessageText.js.flow

@@ -9,7 +9,7 @@ import * as React from 'react'
 
 export type MessageTextProps<TMessage: IMessage = IMessage> = $ReadOnly<{|
   position: 'left' | 'right',
-  currentMessage?: TMessage,
+  currentMessage: TMessage,
   containerStyle: LeftRightStyle<ViewStyleProp>,
   textStyle?: LeftRightStyle<TextStyleProp>,
   linkStyle?: LeftRightStyle<TextStyleProp>,