Styleguidist and cookbook related fixes

vishalnarkhede · vishalnarkhede · commit a2d34466163a · 2021-04-07T14:22:53.000+02:00
diff --git a/src/components/Attachment/Card.tsx b/src/components/Attachment/Card.tsx
@@ -179,15 +179,18 @@ const CardWithContext = <
         });
       }}
       onPress={(event) => {
-        onPress({
-          defaultHandler: defaultOnPress,
-          emitter: 'card',
-          event,
-        });
+        if (!onPressIn) {
+          onPress({
+            defaultHandler: defaultOnPress,
+            emitter: 'card',
+            event,
+          });
+        }
       }}
       onPressIn={(event) => {
         if (onPressIn) {
           onPressIn({
+            defaultHandler: defaultOnPress,
             emitter: 'card',
             event,
           });
diff --git a/src/components/Attachment/Gallery.tsx b/src/components/Attachment/Gallery.tsx
@@ -246,7 +246,7 @@ const GalleryWithContext = <
                   });
                 }}
                 onPress={(event) => {
-                  if (onPress && !preventPress) {
+                  if (!onPressIn && !preventPress) {
                     onPress({
                       defaultHandler: defaultOnPress,
                       emitter: 'gallery',
@@ -257,6 +257,7 @@ const GalleryWithContext = <
                 onPressIn={(event) => {
                   if (onPressIn && !preventPress) {
                     onPressIn({
+                      defaultHandler: defaultOnPress,
                       emitter: 'gallery',
                       event,
                     });
diff --git a/src/components/Attachment/Giphy.tsx b/src/components/Attachment/Giphy.tsx
@@ -274,7 +274,7 @@ const GiphyWithContext = <
         });
       }}
       onPressIn={(event) => {
-        onPressIn({
+        onPressIn?.({
           emitter: 'giphy',
           event,
         });
diff --git a/src/components/ChannelPreview/ChannelPreviewMessenger.tsx b/src/components/ChannelPreview/ChannelPreviewMessenger.tsx
@@ -197,7 +197,7 @@ export type ChannelPreviewMessengerProps<
     'channel' | 'latestMessagePreview'
   >;
 
-export const MemoizedChannelPreviewMessengerWithContext = React.memo(
+const MemoizedChannelPreviewMessengerWithContext = React.memo(
   ChannelPreviewMessengerWithContext,
 ) as typeof ChannelPreviewMessengerWithContext;
 
diff --git a/src/components/Message/Message.tsx b/src/components/Message/Message.tsx
@@ -1133,25 +1133,27 @@ const MessageWithContext = <
         ? payload.defaultHandler()
         : onPress();
     },
-    onPressIn: (payload) => {
-      onPressInProp
-        ? onPressInProp({
-            actionHandlers,
-            defaultHandler: payload.defaultHandler,
-            emitter: payload.emitter || 'message',
-            event: payload.event,
-            message,
-          })
-        : onPressInMessageProp
-        ? onPressInMessageProp({
-            actionHandlers,
-            defaultHandler: payload.defaultHandler,
-            emitter: payload.emitter || 'message',
-            event: payload.event,
-            message,
-          })
-        : payload.defaultHandler?.();
-    },
+    onPressIn:
+      onPressInProp || onPressInMessageProp
+        ? (payload) => {
+            onPressInProp
+              ? onPressInProp({
+                  actionHandlers,
+                  defaultHandler: payload.defaultHandler,
+                  emitter: payload.emitter || 'message',
+                  event: payload.event,
+                  message,
+                })
+              : onPressInMessageProp &&
+                onPressInMessageProp({
+                  actionHandlers,
+                  defaultHandler: payload.defaultHandler,
+                  emitter: payload.emitter || 'message',
+                  event: payload.event,
+                  message,
+                });
+          }
+        : null,
     otherAttachments: attachments.other,
     preventPress,
     reactions,
diff --git a/src/components/Message/MessageSimple/MessageContent.tsx b/src/components/Message/MessageSimple/MessageContent.tsx
@@ -120,7 +120,7 @@ export type MessageContentPropsWithContext<
 /**
  * Child of MessageSimple that displays a message's content
  */
-export const MessageContentWithContext = <
+const MessageContentWithContext = <
   At extends UnknownType = DefaultAttachmentType,
   Ch extends UnknownType = DefaultChannelType,
   Co extends string = DefaultCommandType,
@@ -305,7 +305,7 @@ export const MessageContentWithContext = <
         });
       }}
       onPressIn={(event) => {
-        onPressIn({
+        onPressIn?.({
           emitter: 'messageContent',
           event,
         });
diff --git a/src/components/MessageInput/CommandsButton.tsx b/src/components/MessageInput/CommandsButton.tsx
@@ -40,7 +40,7 @@ type CommandsButtonPropsWithContext<
     handleOnPress?: (event: GestureResponderEvent) => void;
   };
 
-export const CommandsButtonWithContext = <
+const CommandsButtonWithContext = <
   At extends UnknownType = DefaultAttachmentType,
   Ch extends UnknownType = DefaultChannelType,
   Co extends string = DefaultCommandType,
diff --git a/src/components/MessageInput/MessageInput.tsx b/src/components/MessageInput/MessageInput.tsx
@@ -154,7 +154,7 @@ type MessageInputPropsWithContext<
     threadList?: boolean;
   };
 
-export const MessageInputWithContext = <
+const MessageInputWithContext = <
   At extends DefaultAttachmentType = DefaultAttachmentType,
   Ch extends UnknownType = DefaultChannelType,
   Co extends string = DefaultCommandType,
diff --git a/src/components/Reply/Reply.tsx b/src/components/Reply/Reply.tsx
@@ -86,7 +86,7 @@ type ReplyPropsWithContext<
     }>;
   };
 
-export const ReplyWithContext = <
+const ReplyWithContext = <
   At extends DefaultAttachmentType = DefaultAttachmentType,
   Ch extends UnknownType = DefaultChannelType,
   Co extends string = DefaultCommandType,
diff --git a/src/contexts/channelContext/ChannelContext.md b/src/contexts/channelContext/ChannelContext.md
@@ -1,4 +1,4 @@
-Please check the `ChannelContextValue` in [ChannelContext](), for consumable values.
+Please check the `ChannelContextValue` in [ChannelContext](https://github.com/GetStream/stream-chat-react-native/blob/master/src/contexts/channelContext/ChannelContext.md), for consumable values.
 Provider for this context exists in `Channel` component. And so, any child component of Channel
 can get access to context as following:
 
diff --git a/src/contexts/channelsContext/ChannelsContext.md b/src/contexts/channelsContext/ChannelsContext.md
@@ -1,4 +1,4 @@
-Please check the `ChannelsContextValue` in [ChannelsContext](), for consumable values.
+Please check the `ChannelsContextValue` in [ChannelsContext](https://github.com/GetStream/stream-chat-react-native/blob/master/src/contexts/channelsContext/ChannelsContext.md), for consumable values.
 Provider for this context exists in `ChannelList` component. And so, any child component of ChannelList
 can get access to context as following:
 
diff --git a/src/contexts/chatContext/ChatContext.md b/src/contexts/chatContext/ChatContext.md
@@ -1,4 +1,4 @@
-Please check the `ChatContextValue` in [ChatContext](), for consumable values.
+Please check the `ChatContextValue` in [ChatContext](https://github.com/GetStream/stream-chat-react-native/blob/master/src/contexts/chatContext/ChatContext.tsx), for consumable values.
 Provider for this context exists in `Chat` component. And so, any child component of Chat
 can get access to context as following:
 
diff --git a/src/contexts/imageGalleryContext/ImageGalleryContext.md b/src/contexts/imageGalleryContext/ImageGalleryContext.md
@@ -1,4 +1,4 @@
-Please check the `ImageGalleryContextValue` in [ImageGalleryContext](), for consumable values.
+Please check the `ImageGalleryContextValue` in [ImageGalleryContext](https://github.com/GetStream/stream-chat-react-native/blob/master/src/contexts/imageGalleryContext/ImageGalleryContext.tsx), for consumable values.
 Provider for this context exists in `OverlayProvider` component. And so, any child component of OverlayProvider
 can get access to context as following:
 
diff --git a/src/contexts/messageContext/MessageContext.md b/src/contexts/messageContext/MessageContext.md
@@ -0,0 +1,43 @@
+Please check the `MessageContextValue` in [MessageContext](https://github.com/GetStream/stream-chat-react-native/blob/master/src/contexts/messageContext/MessageContext.tsx), for consumable values.
+Provider for this context exists in `Message` component. And so, any child component of `Message`
+can get access to context as following:
+
+- Functional component
+
+```tsx static
+import { useMessageContext } from 'stream-chat-react-native';
+
+const SomeChildComponent = () => {
+  const {
+    handleDeleteMessage,
+    handleEditMessage,
+    handleReplyMessage,
+    handleResendMessage,
+    handleToggleBanUser,
+    handleToggleMuteUser,
+    handleToggleReaction,
+  } = useMessageContext();
+
+  return (
+    <View />
+  )
+}
+```
+
+- Class component
+
+```tsx static
+import React from 'react';
+import { withMessageContext } from 'stream-chat-react-native';
+
+class SomeChildComponent extends React.Component {
+  constructor(props) {
+    super(props);
+
+    console.log(props.handleDeleteMessage);
+    console.log(props.handleEditMessage);
+    console.log(props.handleToggleReaction);
+  }
+
+  // UI Logic
+}
diff --git a/src/contexts/messageContext/MessageContext.tsx b/src/contexts/messageContext/MessageContext.tsx
@@ -103,7 +103,7 @@ export type MessageContextValue<
    * @param event   Event object for onPress event
    */
   onPress: (payload: TouchableHandlerPayload) => void;
-  onPressIn: (payload: TouchableHandlerPayload) => void;
+  onPressIn: ((payload: TouchableHandlerPayload) => void) | null;
   /** The images attached to a message */
   otherAttachments: Attachment<At>[];
   reactions: Reactions;
diff --git a/src/contexts/messageInputContext/MessageInputContext.md b/src/contexts/messageInputContext/MessageInputContext.md
@@ -0,0 +1,40 @@
+Please check the `MessageInputContextValue` in [MessageInputContext](https://github.com/GetStream/stream-chat-react-native/blob/master/src/contexts/messageInputContext/MessageInputContext.tsx), for consumable values.
+Provider for this context exists in `Channel` component. And so, any child component of `Channel`
+can get access to context as following:
+
+- Functional component
+
+```tsx static
+import { useMessageInputContext } from 'stream-chat-react-native';
+
+const SomeChildComponent = () => {
+  const {
+    openAttachmentPicker,
+    openCommandsPicker,
+    openFilePicker,
+    openMentionsPicker,
+  } = useMessageInputContext();
+
+  return (
+    <View />
+  )
+}
+```
+
+- Class component
+
+```tsx static
+import React from 'react';
+import { withMessageInputContext } from 'stream-chat-react-native';
+
+class SomeChildComponent extends React.Component {
+  constructor(props) {
+    super(props);
+
+    console.log(props.openAttachmentPicker);
+    console.log(props.openCommandsPicker);
+    console.log(props.openFilePicker);
+  }
+
+  // UI Logic
+}
diff --git a/src/contexts/messagesContext/MessagesContext.md b/src/contexts/messagesContext/MessagesContext.md
@@ -1,4 +1,4 @@
-Please check the `MessagesContextValue` in [MessagesContext](), for consumable values.
+Please check the `MessagesContextValue` in [MessagesContext](https://github.com/GetStream/stream-chat-react-native/blob/master/src/contexts/messageContext/MessageContext.tsx), for consumable values.
 Provider for this context exists in `Channel` component. And so, any child component of Channel
 can get access to context as following:
 
diff --git a/src/contexts/messagesContext/MessagesContext.tsx b/src/contexts/messagesContext/MessagesContext.tsx
diff --git a/src/contexts/overlayContext/OverlayContext.md b/src/contexts/overlayContext/OverlayContext.md
diff --git a/src/contexts/paginatedMessageListContext/PaginatedMessageListContext.md b/src/contexts/paginatedMessageListContext/PaginatedMessageListContext.md
diff --git a/src/contexts/typingContext/TypingContext.md b/src/contexts/typingContext/TypingContext.md
diff --git a/styleguide.config.js b/styleguide.config.js

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		-Please check the `ChannelContextValue` in [ChannelContext](), for consumable values.
	`1`	+Please check the `ChannelContextValue` in [ChannelContext](https://github.com/GetStream/stream-chat-react-native/blob/master/src/contexts/channelContext/ChannelContext.md), for consumable values.
`2`	`2`	Provider for this context exists in `Channel` component. And so, any child component of Channel
`3`	`3`	`can get access to context as following:`
`4`	`4`