Merge pull request #170 from sendbird/feat/public-input-disabled-prop

feat(CLNP-2719): inputDisabled prop opened as public

Author: bang9

packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelInput.tsx

@@ -6,7 +6,7 @@ import ChannelInput from '../../../components/ChannelInput';
 import { GroupChannelContexts } from '../module/moduleContext';
 import type { GroupChannelProps } from '../types';
 
-const GroupChannelInput = (props: GroupChannelProps['Input']) => {
+const GroupChannelInput = ({ inputDisabled, ...props }: GroupChannelProps['Input']) => {
   const {
     channel,
     keyboardAvoidOffset = 0,
@@ -25,10 +25,10 @@ const GroupChannelInput = (props: GroupChannelProps['Input']) => {
       setMessageToEdit={setMessageToEdit}
       messageToReply={messageToReply}
       setMessageToReply={setMessageToReply}
+      keyboardAvoidOffset={keyboardAvoidOffset}
       inputMuted={chatAvailableState.muted}
       inputFrozen={chatAvailableState.frozen}
-      inputDisabled={chatAvailableState.disabled}
-      keyboardAvoidOffset={keyboardAvoidOffset}
+      inputDisabled={inputDisabled ?? chatAvailableState.disabled}
       {...props}
     />
   );

packages/uikit-react-native/src/domain/groupChannel/types.ts

@@ -5,6 +5,7 @@ import type { MessageCollectionParams, MessageFilterParams } from '@sendbird/cha
 import type { UseGroupChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
 import type {
   OnBeforeHandler,
+  PickPartial,
   SendbirdFileMessage,
   SendbirdFileMessageCreateParams,
   SendbirdFileMessageUpdateParams,
@@ -91,15 +92,16 @@ export interface GroupChannelProps {
     // Changing the search item will trigger the focus animation on messages.
     onUpdateSearchItem: (searchItem?: GroupChannelProps['MessageList']['searchItem']) => void;
   };
-  Input: Pick<
+  Input: PickPartial<
     ChannelInputProps,
     | 'shouldRenderInput'
     | 'onPressSendUserMessage'
     | 'onPressSendFileMessage'
     | 'onPressUpdateUserMessage'
     | 'onPressUpdateFileMessage'
     | 'SuggestedMentionList'
-    | 'AttachmentsButton'
+    | 'AttachmentsButton',
+    'inputDisabled'
   >;
 
   SuggestedMentionList: SuggestedMentionListProps;

packages/uikit-react-native/src/domain/openChannel/component/OpenChannelInput.tsx

@@ -9,7 +9,7 @@ import { useSendbirdChat } from '../../../hooks/useContext';
 import { OpenChannelContexts } from '../module/moduleContext';
 import type { OpenChannelProps } from '../types';
 
-const OpenChannelInput = (props: OpenChannelProps['Input']) => {
+const OpenChannelInput = ({ inputDisabled, ...props }: OpenChannelProps['Input']) => {
   const { sdk, currentUser } = useSendbirdChat();
 
   const {
@@ -64,10 +64,10 @@ const OpenChannelInput = (props: OpenChannelProps['Input']) => {
       channel={channel}
       messageToEdit={messageToEdit}
       setMessageToEdit={setMessageToEdit}
+      keyboardAvoidOffset={keyboardAvoidOffset}
       inputMuted={chatAvailableState.muted}
       inputFrozen={channel.isFrozen}
-      inputDisabled={chatAvailableState.disabled}
-      keyboardAvoidOffset={keyboardAvoidOffset}
+      inputDisabled={inputDisabled ?? chatAvailableState.disabled}
       {...props}
     />
   );

packages/uikit-react-native/src/domain/openChannel/types.ts

@@ -4,6 +4,7 @@ import type { UseOpenChannelMessagesOptions } from '@sendbird/uikit-chat-hooks';
 import type { Icon } from '@sendbird/uikit-react-native-foundation';
 import type {
   OnBeforeHandler,
+  PickPartial,
   SendbirdFileMessage,
   SendbirdFileMessageCreateParams,
   SendbirdFileMessageUpdateParams,
@@ -70,14 +71,15 @@ export type OpenChannelProps = {
     | 'flatListProps'
     | 'hasNext'
   >;
-  Input: Pick<
+  Input: PickPartial<
     ChannelInputProps,
     | 'shouldRenderInput'
     | 'onPressSendUserMessage'
     | 'onPressSendFileMessage'
     | 'onPressUpdateUserMessage'
     | 'onPressUpdateFileMessage'
-    | 'AttachmentsButton'
+    | 'AttachmentsButton',
+    'inputDisabled'
   >;
 
   Provider: {

packages/uikit-testing-tools/src/mocks/createMockChannel.ts

@@ -121,6 +121,7 @@ class MockChannel implements GetMockProps<Params, SendbirdBaseChannel & Sendbird
   pinnedMessageIds = [];
   unreadMentionCount = 0;
   unreadMessageCount = 0;
+  totalUnreadReplyCount = 0;
 
   serialize(): object {
     throw new Error('Method not implemented.');
@@ -637,6 +638,9 @@ class MockChannel implements GetMockProps<Params, SendbirdBaseChannel & Sendbird
     throw new Error('Method not implemented.');
   }
 
+  createThreadedParentMessageListQuery(): PreviousMessageListQuery {
+    throw new Error('Method not implemented.');
+  }
   createPinnedMessageListQuery(_params?: PinnedMessageListQueryParams | undefined): PinnedMessageListQuery {
     throw new Error('Method not implemented.');
   }

packages/uikit-testing-tools/src/mocks/createMockMessage.ts

@@ -134,6 +134,12 @@ class MockMessage implements GetMockProps<Params, SendbirdBaseMessage> {
   updateFeedback(_: Feedback): Promise<void> {
     return Promise.resolve(undefined);
   }
+  markThreadAsRead(): Promise<void> {
+    return Promise.resolve();
+  }
+  setPushNotificationEnabled(_: boolean): Promise<void> {
+    return Promise.resolve();
+  }
 
   asFileMessage(): SendbirdFileMessage {
     return this as unknown as SendbirdFileMessage;

packages/uikit-utils/src/types.ts

@@ -70,6 +70,8 @@ export type PartialNullable<T> = {
   [P in keyof T]?: T[P] | null;
 };
 
+export type PickPartial<T, PK extends keyof T, PPK extends keyof T> = Pick<T, PK> & Partial<Pick<T, PPK>>;
+
 export type Optional<T> = T | undefined;
 
 export type ContextValue<T extends React.Context<any>> = T extends React.Context<infer V> ? V : never;