fix: add override

Author: isekovanic

package/src/components/AutoCompleteInput/InputView.tsx

@@ -6,7 +6,7 @@ import { AutoCompleteInput } from './AutoCompleteInput';
 import { CommandChip } from '../MessageInput/CommandChip';
 import { ShowThreadMessageInChannelButton } from '../MessageInput/ShowThreadMessageInChannelButton';
 
-type InputViewProps = React.ComponentProps<typeof AutoCompleteInput>;
+export type InputViewProps = React.ComponentProps<typeof AutoCompleteInput>;
 
 export const InputView = (props: InputViewProps) => (
   <View style={styles.container}>

package/src/components/Channel/Channel.tsx

@@ -131,6 +131,7 @@ import { ImageOverlaySelectedComponent as DefaultImageOverlaySelectedComponent }
 import { AutoCompleteSuggestionHeader as AutoCompleteSuggestionHeaderDefault } from '../AutoCompleteInput/AutoCompleteSuggestionHeader';
 import { AutoCompleteSuggestionItem as AutoCompleteSuggestionItemDefault } from '../AutoCompleteInput/AutoCompleteSuggestionItem';
 import { AutoCompleteSuggestionList as AutoCompleteSuggestionListDefault } from '../AutoCompleteInput/AutoCompleteSuggestionList';
+import { InputView as InputViewDefault } from '../AutoCompleteInput/InputView';
 import { EmptyStateIndicator as EmptyStateIndicatorDefault } from '../Indicators/EmptyStateIndicator';
 import {
   LoadingErrorIndicator as LoadingErrorIndicatorDefault,
@@ -667,6 +668,7 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     InlineDateSeparator = InlineDateSeparatorDefault,
     InlineUnreadIndicator = InlineUnreadIndicatorDefault,
     Input,
+    InputView = InputViewDefault,
     InputButtons = InputButtonsDefault,
     MessageComposerLeadingView = MessageComposerLeadingViewDefault,
     MessageComposerTrailingView = MessageComposerTrailingViewDefault,
@@ -1886,6 +1888,7 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     hasImagePicker,
     ImageAttachmentUploadPreview,
     Input,
+    InputView,
     InputButtons,
     MessageComposerLeadingView,
     MessageComposerTrailingView,

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -45,6 +45,7 @@ export const useCreateInputMessageInputContext = ({
   hasImagePicker,
   ImageAttachmentUploadPreview,
   Input,
+  InputView,
   InputButtons,
   MessageComposerLeadingView,
   MessageComposerTrailingView,
@@ -113,6 +114,7 @@ export const useCreateInputMessageInputContext = ({
       hasImagePicker,
       ImageAttachmentUploadPreview,
       Input,
+      InputView,
       InputButtons,
       MessageComposerLeadingView,
       MessageComposerTrailingView,

package/src/components/MessageInput/MessageInput.tsx

@@ -55,7 +55,6 @@ import { AudioRecorderManagerState } from '../../state-store/audio-recorder-mana
 import { MessageInputHeightState } from '../../state-store/message-input-height-store';
 import { primitives } from '../../theme';
 import { type TextInputOverrideComponent } from '../AutoCompleteInput/AutoCompleteInput';
-import { InputView } from '../AutoCompleteInput/InputView';
 import { CreatePoll } from '../Poll/CreatePollContent';
 import { PortalWhileClosingView } from '../UIComponents/PortalWhileClosingView';
 import { SafeAreaViewWrapper } from '../UIComponents/SafeAreaViewWrapper';
@@ -170,6 +169,7 @@ type MessageInputPropsWithContext = Pick<ChatContextValue, 'isOnline'> &
     | 'closeAttachmentPicker'
     | 'compressImageQuality'
     | 'Input'
+    | 'InputView'
     | 'inputBoxRef'
     | 'InputButtons'
     | 'MessageComposerLeadingView'
@@ -220,6 +220,7 @@ const MessageInputWithContext = (props: MessageInputPropsWithContext) => {
     CreatePollContent,
     createPollOptionGap,
     editing,
+    InputView,
     MessageComposerLeadingView,
     MessageComposerTrailingView,
     messageInputFloating,
@@ -674,6 +675,7 @@ export const MessageInput = (props: MessageInputProps) => {
     compressImageQuality,
     CreatePollContent,
     Input,
+    InputView,
     inputBoxRef,
     InputButtons,
     MessageComposerLeadingView,
@@ -741,6 +743,7 @@ export const MessageInput = (props: MessageInputProps) => {
         CreatePollContent,
         editing,
         Input,
+        InputView,
         inputBoxRef,
         InputButtons,
         MessageComposerLeadingView,

package/src/components/index.ts

@@ -21,6 +21,7 @@ export * from './AutoCompleteInput/AutoCompleteInput';
 export * from './AutoCompleteInput/AutoCompleteSuggestionHeader';
 export * from './AutoCompleteInput/AutoCompleteSuggestionItem';
 export * from './AutoCompleteInput/AutoCompleteSuggestionList';
+export * from './AutoCompleteInput/InputView';
 
 export * from './Avatar/GroupAvatar';
 

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -33,6 +33,7 @@ import {
   PollContentProps,
   StopMessageStreamingButtonProps,
 } from '../../components';
+import type { InputViewProps } from '../../components/AutoCompleteInput/InputView';
 import { dismissKeyboard } from '../../components/KeyboardCompatibleView/KeyboardControllerAvoidingView';
 import { parseLinksFromText } from '../../components/Message/MessageSimple/utils/parseLinks';
 import { AttachmentUploadPreviewListProps } from '../../components/MessageInput/components/AttachmentPreview/AttachmentUploadPreviewList';
@@ -337,6 +338,12 @@ export type InputMessageInputContextValue = {
         getUsers: () => UserResponse[];
       }
   >;
+  /**
+   * Custom UI component to override the combined input body view.
+   * Defaults to
+   * [InputView](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AutoCompleteInput/InputView.tsx)
+   */
+  InputView: React.ComponentType<InputViewProps>;
   /**
    * Custom UI component to override buttons on left side of input box
    * Defaults to

package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts

@@ -45,6 +45,7 @@ export const useCreateMessageInputContext = ({
   hasImagePicker,
   ImageAttachmentUploadPreview,
   Input,
+  InputView,
   inputBoxRef,
   InputButtons,
   MessageComposerLeadingView,
@@ -123,6 +124,7 @@ export const useCreateMessageInputContext = ({
       hasImagePicker,
       ImageAttachmentUploadPreview,
       Input,
+      InputView,
       inputBoxRef,
       InputButtons,
       MessageComposerLeadingView,