Merge pull request #1184 from GetStream/setText-function

add setText to message input context

Author: DanC5

docusaurus/docs/React/contexts/message-input-context.mdx

@@ -202,8 +202,8 @@ Opens the `EmojiPicker` component on Enter or Spacebar key down.
 
 Function that runs onSubmit to the underlying `textarea` component.
 
-| Type                                                                  |
-| --------------------------------------------------------------------- |
+| Type                                                                   |
+| ---------------------------------------------------------------------- |
 | (event: React.BaseSyntheticEvent, customMessageData?: Message) => void |
 
 ### imageOrder
@@ -401,6 +401,14 @@ React state hook function that sets the `cooldownRemaining` value.
 | --------------------------------------------- |
 | React.Dispatch<React.SetStateAction<number\>> |
 
+### setText
+
+Function that overrides and sets the text value of the underlying `textarea` component.
+
+| Type                   |
+| ---------------------- |
+| (text: string) => void |
+
 ### showCommandsList
 
 If true, show the list of supported slash commands above the text input.
@@ -447,4 +455,4 @@ If true, will use an optional dependency to support transliteration in the input
 
 | Type    | Default |
 | ------- | ------- |
-| boolean | false   |
+| boolean | false   |

src/components/MessageInput/hooks/useMessageInputState.ts

@@ -63,6 +63,7 @@ export type MessageInputState<
   imageOrder: string[];
   imageUploads: { [id: string]: ImageUpload };
   mentioned_users: UserResponse<Us>[];
+  setText: (text: string) => void;
   text: string;
 };
 
@@ -177,6 +178,7 @@ const initState = <
       imageOrder: [],
       imageUploads: { ...emptyImageUploads },
       mentioned_users: [],
+      setText: () => null,
       text: '',
     };
   }
@@ -233,6 +235,7 @@ const initState = <
     imageOrder,
     imageUploads,
     mentioned_users,
+    setText: () => null,
     text: message.text || '',
   };
 };
@@ -418,6 +421,10 @@ export const useMessageInputState = <
     dispatch({ type: 'addMentionedUser', user: item });
   }, []);
 
+  const setText = useCallback((text: string) => {
+    dispatch({ getNewText: () => text, type: 'setText' });
+  }, []);
+
   return {
     ...state,
     closeCommandsList,
@@ -442,6 +449,7 @@ export const useMessageInputState = <
     openEmojiPicker,
     removeFile,
     removeImage,
+    setText,
     showCommandsList,
     textareaRef,
     uploadFile,