changed props name

Author: danney-chun

apps/testing/src/pages/PlaygroundPage.tsx

@@ -10,6 +10,6 @@ export function PlaygroundPage() {
         replyType: 'thread',
       }
     }}
-    // isFocusOnLastMessage={true}
+    // autoscrollMessageOverflowToTop={true}
   />;
 }

src/lib/Sendbird/context/SendbirdProvider.tsx

@@ -72,7 +72,7 @@ const SendbirdContextManager = ({
   sdkInitParams,
   customExtensionParams,
   isMultipleFilesMessageEnabled = false,
-  isFocusOnLastMessage = false,
+  autoscrollMessageOverflowToTop = false,
   eventHandlers,
   htmlTextDirection = 'ltr',
   forceLeftToRightMessageLayout = false,
@@ -289,7 +289,7 @@ const SendbirdContextManager = ({
       setCurrentTheme,
       setCurrenttheme: setCurrentTheme, // deprecated: typo
       isMultipleFilesMessageEnabled,
-      isFocusOnLastMessage,
+      autoscrollMessageOverflowToTop,
       uikitMultipleFilesMessageLimit,
       logger,
       pubSub,
@@ -318,7 +318,7 @@ const SendbirdContextManager = ({
     currentTheme,
     setCurrentTheme,
     isMultipleFilesMessageEnabled,
-    isFocusOnLastMessage,
+    autoscrollMessageOverflowToTop,
     uikitMultipleFilesMessageLimit,
     logger,
     pubSub,
@@ -398,7 +398,7 @@ const InternalSendbirdProvider = (props: SendbirdProviderProps & { logger: Logge
       },
       disableMarkAsDelivered: props?.disableMarkAsDelivered,
       isMultipleFilesMessageEnabled: props?.isMultipleFilesMessageEnabled,
-      isFocusOnLastMessage: props?.isFocusOnLastMessage,
+      autoscrollMessageOverflowToTop: props?.autoscrollMessageOverflowToTop,
     },
     eventHandlers: props?.eventHandlers,
   });

src/lib/Sendbird/context/initialState.ts

@@ -33,7 +33,7 @@ const config: SendbirdStateConfig = {
   forceLeftToRightMessageLayout: false,
   disableMarkAsDelivered: false,
   isMultipleFilesMessageEnabled: false,
-  isFocusOnLastMessage: false,
+  autoscrollMessageOverflowToTop: false,
   htmlTextDirection: 'ltr',
   uikitUploadSizeLimit: DEFAULT_UPLOAD_SIZE_LIMIT,
   uikitMultipleFilesMessageLimit: DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT,

src/lib/Sendbird/types.ts

@@ -218,7 +218,7 @@ export interface SendbirdProviderProps extends CommonUIKitConfigProps, React.Pro
   sdkInitParams?: SendbirdChatInitParams;
   customExtensionParams?: CustomExtensionParams;
   isMultipleFilesMessageEnabled?: boolean;
-  isFocusOnLastMessage?: boolean;
+  autoscrollMessageOverflowToTop?: boolean;
   // UserProfile
   renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
   onStartDirectMessage?: (channel: GroupChannel) => void;
@@ -261,7 +261,7 @@ export interface SendbirdStateConfig {
   markAsDeliveredScheduler: MarkAsDeliveredSchedulerType;
   disableMarkAsDelivered: boolean;
   isMultipleFilesMessageEnabled: boolean;
-  isFocusOnLastMessage: boolean;
+  autoscrollMessageOverflowToTop: boolean;
   // Remote configs set from dashboard by UIKit feature configuration
   common: {
     enableUsingDefaultUserProfile: SBUConfig['common']['enableUsingDefaultUserProfile'];

src/modules/App/AppLayout.tsx

@@ -13,7 +13,7 @@ import useSendbird from '../../lib/Sendbird/context/hooks/useSendbird';
 export const AppLayout = (props: AppLayoutProps) => {
   const {
     isMessageGroupingEnabled,
-    isFocusOnLastMessage,
+    autoscrollMessageOverflowToTop,
     allowProfileEdit,
     onProfileEditSuccess,
     disableAutoSelect,
@@ -51,7 +51,7 @@ export const AppLayout = (props: AppLayoutProps) => {
               showSearchIcon={showSearchIcon}
               isReactionEnabled={isReactionEnabled}
               isMessageGroupingEnabled={isMessageGroupingEnabled}
-              isFocusOnLastMessage={isFocusOnLastMessage}
+              autoscrollMessageOverflowToTop={autoscrollMessageOverflowToTop}
               allowProfileEdit={allowProfileEdit}
               onProfileEditSuccess={onProfileEditSuccess}
               currentChannel={currentChannel}
@@ -71,7 +71,7 @@ export const AppLayout = (props: AppLayoutProps) => {
               isReactionEnabled={isReactionEnabled}
               showSearchIcon={showSearchIcon}
               isMessageGroupingEnabled={isMessageGroupingEnabled}
-              isFocusOnLastMessage={isFocusOnLastMessage}
+              autoscrollMessageOverflowToTop={autoscrollMessageOverflowToTop}
               allowProfileEdit={allowProfileEdit}
               onProfileEditSuccess={onProfileEditSuccess}
               disableAutoSelect={disableAutoSelect}

src/modules/App/DesktopLayout.tsx

@@ -21,7 +21,7 @@ export const DesktopLayout: React.FC<DesktopLayoutProps> = (props: DesktopLayout
     replyType,
     isMessageGroupingEnabled,
     isMultipleFilesMessageEnabled,
-    isFocusOnLastMessage,
+    autoscrollMessageOverflowToTop,
     allowProfileEdit,
     showSearchIcon,
     onProfileEditSuccess,
@@ -105,7 +105,7 @@ export const DesktopLayout: React.FC<DesktopLayoutProps> = (props: DesktopLayout
     replyType: replyType,
     isMessageGroupingEnabled: isMessageGroupingEnabled,
     isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled,
-    isFocusOnLastMessage: isFocusOnLastMessage,
+    autoscrollMessageOverflowToTop: autoscrollMessageOverflowToTop,
     // for GroupChannel
     animatedMessageId: highlightedMessage,
     onReplyInThreadClick: onClickThreadReply,

src/modules/App/MobileLayout.tsx

@@ -32,7 +32,7 @@ export const MobileLayout: React.FC<MobileLayoutProps> = (props: MobileLayoutPro
     replyType,
     isMessageGroupingEnabled,
     isMultipleFilesMessageEnabled,
-    isFocusOnLastMessage,
+    autoscrollMessageOverflowToTop,
     allowProfileEdit,
     isReactionEnabled,
     showSearchIcon,
@@ -156,7 +156,7 @@ export const MobileLayout: React.FC<MobileLayoutProps> = (props: MobileLayoutPro
     replyType,
     isMessageGroupingEnabled,
     isMultipleFilesMessageEnabled,
-    isFocusOnLastMessage,
+    autoscrollMessageOverflowToTop,
     // for GroupChannel
     animatedMessageId: highlightedMessage,
     onReplyInThreadClick: ({ message }) => {

src/modules/App/index.tsx

@@ -29,7 +29,7 @@ export interface AppProps {
   config?: SendbirdProviderProps['config'];
   voiceRecord?: SendbirdProviderProps['voiceRecord'];
   isMultipleFilesMessageEnabled?: SendbirdProviderProps['isMultipleFilesMessageEnabled'];
-  isFocusOnLastMessage?: SendbirdProviderProps['isFocusOnLastMessage'];
+  autoscrollMessageOverflowToTop?: SendbirdProviderProps['autoscrollMessageOverflowToTop'];
   colorSet?: SendbirdProviderProps['colorSet'];
   stringSet?: SendbirdProviderProps['stringSet'];
   allowProfileEdit?: SendbirdProviderProps['allowProfileEdit'];
@@ -100,7 +100,7 @@ export default function App(props: AppProps) {
     customExtensionParams,
     eventHandlers,
     isMultipleFilesMessageEnabled,
-    isFocusOnLastMessage = false,
+    autoscrollMessageOverflowToTop = false,
     isUserIdUsedForNickname = true,
     enableLegacyChannelModules = false,
     uikitOptions,
@@ -140,7 +140,7 @@ export default function App(props: AppProps) {
       renderUserProfile={renderUserProfile}
       imageCompression={imageCompression}
       isMultipleFilesMessageEnabled={isMultipleFilesMessageEnabled}
-      isFocusOnLastMessage={isFocusOnLastMessage}
+      autoscrollMessageOverflowToTop={autoscrollMessageOverflowToTop}
       voiceRecord={voiceRecord}
       onStartDirectMessage={(channel) => {
         setCurrentChannel(channel);
@@ -162,7 +162,7 @@ export default function App(props: AppProps) {
       forceLeftToRightMessageLayout={forceLeftToRightMessageLayout}
     >
       <AppLayout
-        isFocusOnLastMessage={isFocusOnLastMessage}
+        autoscrollMessageOverflowToTop={autoscrollMessageOverflowToTop}
         isMessageGroupingEnabled={isMessageGroupingEnabled}
         allowProfileEdit={allowProfileEdit}
         onProfileEditSuccess={onProfileEditSuccess}

src/modules/App/types.ts

@@ -18,7 +18,7 @@ export interface AppLayoutProps {
   forceLeftToRightMessageLayout?: boolean;
   isMessageGroupingEnabled?: boolean;
   isMultipleFilesMessageEnabled?: boolean;
-  isFocusOnLastMessage?: boolean;
+  autoscrollMessageOverflowToTop?: boolean;
   allowProfileEdit?: boolean;
   showSearchIcon?: boolean;
   onProfileEditSuccess?(user: User): void; // TODO: Unused props, deprecate it

src/modules/GroupChannel/components/Message/MessageView.tsx

@@ -58,7 +58,7 @@ export interface MessageProps {
   /**
    * A function that forces scroll to message when new message is received.
    */
-  forceScrollToMessage?: (ref: React.MutableRefObject<any>, message: CoreMessageType) => void;
+  scrollMessageOverflowToTop?: (ref: React.MutableRefObject<any>, message: CoreMessageType) => void;
   /**
    * @deprecated Please use `children` instead
    * @description Customizes all child components of the message.
@@ -127,7 +127,7 @@ const MessageView = (props: MessageViewProps) => {
     chainBottom,
     handleScroll,
     onNewMessageSeparatorVisibilityChange,
-    forceScrollToMessage,
+    scrollMessageOverflowToTop,
 
     // MessageViewProps
     channel,
@@ -274,7 +274,7 @@ const MessageView = (props: MessageViewProps) => {
       let rafId: number | null = null;
 
       rafId = requestAnimationFrame(() => {
-        forceScrollToMessage(messageScrollRef, message);
+        scrollMessageOverflowToTop(messageScrollRef, message);
         setNewMessageIds([]);
       });