easemob-chat-uikit 2.1.0 → 2.2.1

package/types/module/contactList/ContactDetail.d.ts

@@ -18,6 +18,8 @@ export interface ContactDetailProps {
     onAudioCall?: () => void | boolean;
     onVideoCall?: () => void | boolean;
     renderEmpty?: () => React.ReactNode;
+    back?: boolean;
+    onClickBack?: () => void;
 }
 export declare const ContactDetail: React.FC<ContactDetailProps>;
 declare const _default: React.FunctionComponent<ContactDetailProps>;

package/types/module/empty/Empty.d.ts

@@ -5,6 +5,8 @@ export interface EmptyProps {
     prefix?: string;
     text?: ReactNode;
     icon?: ReactNode;
+    onClickBack?: () => void;
+    back?: boolean;
 }
 declare const Empty: FC<EmptyProps>;
 export { Empty };

package/types/module/groupDetail/GroupDetail.d.ts

@@ -13,6 +13,7 @@ export interface GroupDetailProps {
     onLeaveGroup?: () => void;
     onDestroyGroup?: () => void;
     onGroupMemberVisibleChange?: (visible: boolean) => void;
+    onBack?: () => void;
 }
 declare const _default: React.FunctionComponent<GroupDetailProps>;
 export default _default;

package/types/module/hooks/useScreen.d.ts

@@ -0,0 +1,25 @@
+export type Orientation = 'portrait' | 'landscape';
+export type BreakpointKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface Breakpoints {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+}
+export interface ScreenInfo {
+    width: number;
+    height: number;
+    vw: number;
+    vh: number;
+    devicePixelRatio: number;
+    orientation: Orientation;
+    breakpoint: BreakpointKey;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isTouchDevice: boolean;
+    prefersReducedMotion: boolean;
+}
+export declare function useScreen(customBreakpoints?: Partial<Breakpoints>): ScreenInfo;
+export declare function useIsMobile(customBreakpoints?: Partial<Breakpoints>): boolean;

package/types/module/index.d.ts

@@ -34,6 +34,7 @@ import { useChatContext } from './hooks/useChatContext';
 import { useAddressContext } from './hooks/useAddressContext';
 import { useThreadContext } from './hooks/useThreadContext';
 import { useSDK } from './hooks/useSDK';
+import { useIsMobile, useScreen } from './hooks/useScreen';
 import Thread, { ThreadProps } from './thread';
 import UserProfile, { UserProfileProps } from './userProfile';
 import { Blocklist, BlocklistProps } from './blocklist';
@@ -45,4 +46,4 @@ import { CallKitProps, CallInfo, CallErrorCode, CallError } from './callkit';
 import { CallKitRef } from './callkit/types/index';
 export type { AudioMessageProps, BaseMessageProps, FileMessageProps, ImageMessageProps, ImagePreviewProps, NoticeMessageProps, TextMessageProps, VideoMessageProps, MessageStatusProps, CombinedMessageProps, PinnedMessageProps, RepliedMsgProps, UnsentRepliedMsgProps, ChatProps, MsgListProps, ConversationItemProps, ConversationListProps, ConversationData, MessageInputProps, MoreActionProps, RecorderProps, EmojiProps, SelectedControlsProps, SuggestListProps, TextareaProps, HeaderProps, EmptyProps, RecalledMessageProps, RootStore, InitConfig, MessageStore, Message, SelectedMessage, Typing, ConversationStore, AT_TYPE, Conversation, CurrentConversation, ById, AddressStore, MemberRole, MemberItem, GroupItem, AppUserInfo, ThreadStore, ThreadData, CurrentThread, ProviderProps, ContextProps, ThreadProps, UserProfileProps, BlocklistProps, ContactListProps, ContactDetailProps, GroupDetailProps, GroupMemberProps, UserCardMessageProps, UserSelectProps, CallKitProps, CallKitRef, CallInfo, CallErrorCode, CallError, };
 declare const UIKitProvider: import("react").NamedExoticComponent<ProviderProps>;
-export { AudioMessage, BaseMessage, FileMessage, ImageMessage, NoticeMessage, TextMessage, VideoMessage, CombinedMessage, PinnedMessage, RepliedMsg, UnsentRepliedMsg, MessageStatus, Chat, MessageList, ContactList, ConversationList, ConversationItem, MessageInput, Header, Empty, RecalledMessage, rootStore, RootContext, RootProvider, RootConsumer, Provider, UIKitProvider, Thread, UserProfile, Blocklist, useClient, useConversations, usePinnedMessage, useHistoryMessages, useSDK, useConversationContext, useChatContext, useAddressContext, useThreadContext, useChatroomContext, Chatroom, ChatroomMember, ChatroomMessage, ContactItem, ContactDetail, GroupDetail, GroupMember, UserCardMessage, UserSelect, CallKit, };
+export { AudioMessage, BaseMessage, FileMessage, ImageMessage, NoticeMessage, TextMessage, VideoMessage, CombinedMessage, PinnedMessage, RepliedMsg, UnsentRepliedMsg, MessageStatus, Chat, MessageList, ContactList, ConversationList, ConversationItem, MessageInput, Header, Empty, RecalledMessage, rootStore, RootContext, RootProvider, RootConsumer, Provider, UIKitProvider, Thread, UserProfile, Blocklist, useClient, useConversations, usePinnedMessage, useHistoryMessages, useSDK, useIsMobile, useScreen, useConversationContext, useChatContext, useAddressContext, useThreadContext, useChatroomContext, Chatroom, ChatroomMember, ChatroomMessage, ContactItem, ContactDetail, GroupDetail, GroupMember, UserCardMessage, UserSelect, CallKit, };

package/types/module/messageInput/emoji/Emoji.d.ts

@@ -26,5 +26,9 @@ export interface EmojiProps {
     closeAfterClick?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-declare const Emoji: (props: EmojiProps) => import("react/jsx-runtime").JSX.Element;
+export interface EmojiRef {
+    open?: () => void;
+    close?: () => void;
+}
+declare const Emoji: React.ForwardRefExoticComponent<EmojiProps & React.RefAttributes<EmojiRef>>;
 export { Emoji };

package/types/module/reaction/EmojiKeyboard.d.ts

@@ -10,5 +10,9 @@ export interface EmojiKeyBoardProps {
     onClick?: (e: React.MouseEvent<Element, MouseEvent>) => void;
     onOpenChange?: (open: boolean) => void;
 }
-declare const EmojiKeyBoard: (props: EmojiKeyBoardProps) => import("react/jsx-runtime").JSX.Element;
+export interface EmojiKeyBoardRef {
+    open?: () => void;
+    close?: () => void;
+}
+declare const EmojiKeyBoard: React.ForwardRefExoticComponent<EmojiKeyBoardProps & React.RefAttributes<EmojiKeyBoardRef>>;
 export { EmojiKeyBoard };

package/types/module/reaction/index.d.ts

@@ -1,4 +1,5 @@
 import { EmojiKeyBoard } from './EmojiKeyboard';
 import { ReactionMessage } from './ReactionMessage';
 export type { ReactionData, ReactionMessageProps } from './ReactionMessage';
+export type { EmojiKeyBoardRef } from './EmojiKeyboard';
 export { EmojiKeyBoard, ReactionMessage };

package/types/module/thread/ThreadListExpandableIcon.d.ts

@@ -5,8 +5,13 @@ export interface ThreadListExpandableIconProps {
     style?: React.CSSProperties;
     onClose?: () => void;
     icon?: React.ReactNode;
+    iconWidth?: string | number;
+    iconHeight?: string | number;
+    onClickItem?: () => void;
 }
-declare const _default: ((props: ThreadListExpandableIconProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
+export interface ThreadListExpandableIconRef {
+    open: () => void;
+    close: () => void;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<ThreadListExpandableIconProps & React.RefAttributes<ThreadListExpandableIconRef>, "ref"> & React.RefAttributes<ThreadListExpandableIconRef>>>;
 export default _default;