Merge pull request #554 from GetStream/vishal/changelog-and-docs

Added changelog for 3.1.0 and some prop docs

Author: vishalnarkhede

CHANGELOG.md

@@ -9,7 +9,59 @@
     - openCommandsPicker (function)
     - toggleAttachmentPicker (function)
 
-- Added support for new prop on `Channel` component - `InputButtons`, to replace the extra buttons on the left on input box.
+- Added support for new prop on `Channel` component - `InputButtons`, to replace the extra buttons on the left on input box [#536](https://github.com/GetStream/stream-chat-react-native/pull/536)
+
+- Added support for `messageActions` prop as callback. Also added support for prop `messageActions` on Channel component [#548](https://github.com/GetStream/stream-chat-react-native/pull/548)
+  Earlier you could override messageActions prop as following:
+
+  ```jsx
+  <Channel
+    messageActions=[
+      {
+        action: () => { /** Some message action logic */ };
+        title: "Pin Message";
+        icon: PinIcon;
+        titleStyle: {};
+      },
+      {
+        action: () => { /** Some message action logic */ };
+        title: "Delete Message";
+        icon: PinIcon;
+        titleStyle: {};
+      }
+    ]
+  >
+    {/** MessageList and MessageInput component here */}
+  </Channel>
+  ```
+
+  But now, you can selectly keep certain action and remove some:
+
+  ```jsx
+  /** Lets say you only want to keep threadReply and copyMessage actions */
+  <Channel
+    messageActions={({
+      blockUser,
+      copyMessage,
+      deleteMessage,
+      editMessage,
+      flagMessage,
+      muteUser,
+      reply,
+      retry,
+      threadReply,
+    }) => ([
+      threadReply, copyMessage
+    ])}
+  >
+    {/** MessageList and MessageInput component here */}
+  </Channel>
+  ```
+
+- Issue fix: make OverlayReactions customizable through props. [c7a83b8](https://github.com/GetStream/stream-chat-react-native/commit/c7a83b87804d9492ce01ef0dfa63fe9b6cc203ad)
+- Issue fix: Image upload for expo and assets-library [5a2d0e8](https://github.com/GetStream/stream-chat-react-native/commit/5a2d0e827dd4a4067058787b49b07c584f3e370c)
+- Issue fix: Compatibility with jest as described in [#508](https://github.com/GetStream/stream-chat-react-native/issues/508) [a172c15](https://github.com/GetStream/stream-chat-react-native/commit/a172c15b1304932051f0f699daf47981e488fde4)
+
 
 ## [3.0.0] (2021-02-23)
 

src/components/ImageGallery/ImageGallery.tsx

@@ -90,7 +90,7 @@ export type ImageGalleryCustomComponents<
   Us extends UnknownType = DefaultUserType
 > = {
   /**
-   * Override props for following UI components, which are part of [image gallery](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/3.png).
+   * Override props for following UI components, which are part of [image gallery](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#gallery-components).
    *
    * - [ImageGalleryFooter](#ImageGalleryFooter)
    *

src/contexts/messageInputContext/MessageInputContext.tsx

@@ -364,6 +364,21 @@ export type InputMessageInputContextValue<
         getUsers: () => UserResponse<Us>[];
       }
   >;
+  /**
+   * Custom UI component to override buttons on left side of input box
+   * Defaults to [InputButtons](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageInput/InputButtons.tsx),
+   * which contain following components/buttons:
+   *
+   *  - AttachButton
+   *  - CommandsButtom
+   *
+   * You have access to following prop functions:
+   *
+   * - closeAttachmentPicker
+   * - openAttachmentPicker
+   * - openCommandsPicker
+   * - toggleAttachmentPicker
+   */
   InputButtons?: React.ComponentType<
     InputButtonsProps<At, Ch, Co, Ev, Me, Re, Us>
   >;

src/contexts/messagesContext/MessagesContext.tsx

@@ -379,6 +379,56 @@ export type MessagesContextValue<
   ) => Promise<void>;
   /** Object specifying rules defined within simple-markdown https://github.com/Khan/simple-markdown#adding-a-simple-extension */
   markdownRules?: MarkdownRules;
+  /**
+   * Use this prop to override message actions (which pop-up in message overlay).
+   *
+   * You can either completely override the default messageActions object.
+   *
+   * ```
+   * <Channel
+   *   messageActions=[
+   *     {
+   *       action: () => { someAction() };
+   *       title: "Pin Message";
+   *       icon: PinIcon;
+   *       titleStyle: {};
+   *     },
+   *     {
+   *       action: () => { someAction() };
+   *       title: "Delete Message";
+   *       icon: PinIcon;
+   *       titleStyle: {};
+   *     }
+   *   ]
+   * >
+   * </Channel>
+   * ```
+   *
+   * Or you can selectly keep certain action and remove some:
+   *
+   * e.g. Lets say you only want to keep threadReply and copyMessage actions
+   *
+   * ```
+   * <Channel
+   *   messageActions={({
+   *     blockUser,
+   *     copyMessage,
+   *     deleteMessage,
+   *     editMessage,
+   *     flagMessage,
+   *     muteUser,
+   *     reply,
+   *     retry,
+   *     threadReply,
+   *   }) => ([
+   *     threadReply, copyMessage
+   *   ])}
+   * >
+   *  </Channel>
+   *  ```
+   *
+   * @overrideType Function | Array<Objects>
+   */
   messageActions?:
     | (MessageAction | null)[]
     | (({