sceyt-chat-react-uikit 1.6.8-beta.9 → 1.6.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Channel/index.d.ts +1 -0
- package/components/Message/Message.types.d.ts +2 -0
- package/components/Message/MessageBody/index.d.ts +3 -1
- package/components/Message/index.d.ts +1 -1
- package/components/Messages/MessageList/index.d.ts +5 -1
- package/components/Messages/index.d.ts +1 -0
- package/components/MessagesScrollToBottomButton/index.d.ts +1 -0
- package/components/MessagesScrollToUnreadMentionsButton/index.d.ts +1 -0
- package/index.js +452 -265
- package/index.modern.js +452 -265
- package/messageUtils/index.d.ts +4 -2
- package/package.json +1 -1
|
@@ -85,6 +85,7 @@ export declare const LastMessageText: import("styled-components").StyledComponen
|
|
|
85
85
|
noBody?: boolean | undefined;
|
|
86
86
|
deletedMessage?: boolean | undefined;
|
|
87
87
|
}, never>;
|
|
88
|
+
export declare const LastMessageDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
88
89
|
export declare const ChannelStatus: import("styled-components").StyledComponent<"div", any, {
|
|
89
90
|
color: string;
|
|
90
91
|
}, never>;
|
|
@@ -57,6 +57,7 @@ interface ICustomMessageItem {
|
|
|
57
57
|
handleScrollToRepliedMessage: (messageId: string) => void;
|
|
58
58
|
handleMediaItemClick?: (attachment: IAttachment) => void;
|
|
59
59
|
isThreadMessage?: boolean;
|
|
60
|
+
handleOpenUserProfile: (user: IUser) => void;
|
|
60
61
|
}
|
|
61
62
|
export interface IMessageProps {
|
|
62
63
|
message: IMessage;
|
|
@@ -187,5 +188,6 @@ export interface IMessageProps {
|
|
|
187
188
|
messageTextFontSize?: string;
|
|
188
189
|
messageTextLineHeight?: string;
|
|
189
190
|
messageTimeColorOnAttachment?: string;
|
|
191
|
+
shouldOpenUserProfileForMention?: boolean;
|
|
190
192
|
}
|
|
191
193
|
export {};
|
|
@@ -125,6 +125,8 @@ interface IMessageBodyProps {
|
|
|
125
125
|
handleReactionAddDelete: (emoji: any) => void;
|
|
126
126
|
handleCreateChat: (user?: IUser) => void;
|
|
127
127
|
messageTextRef: React.RefObject<HTMLSpanElement>;
|
|
128
|
+
handleOpenUserProfile: (user: IUser) => void;
|
|
129
|
+
shouldOpenUserProfileForMention?: boolean;
|
|
128
130
|
}
|
|
129
|
-
declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, handleScrollToRepliedMessage, handleMediaItemClick, isPendingMessage, prevMessage, nextMessage, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, messageTimeColorOnAttachment, fileAttachmentsIcon, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, selectedMessagesMap, contactsMap, theme, messageTextFontSize, messageTextLineHeight, handleToggleForwardMessagePopup, messageActionsShow, closeMessageActions, handleDeletePendingMessage, handleReplyMessage, handleToggleDeleteMessagePopup, handleToggleReportPopupOpen, handleResendMessage, handleOpenEmojis, emojisPopupOpen, setEmojisPopupOpen, emojisPopupPosition, frequentlyEmojisOpen, handleCopyMessage, toggleEditMode, handleSelectMessage, handleMouseEnter, handleMouseLeave, handleReactionAddDelete, handleCreateChat, messageTextRef }: IMessageBodyProps) => React.JSX.Element>;
|
|
131
|
+
declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, handleScrollToRepliedMessage, handleMediaItemClick, isPendingMessage, prevMessage, nextMessage, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, messageTimeColorOnAttachment, fileAttachmentsIcon, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, selectedMessagesMap, contactsMap, theme, messageTextFontSize, messageTextLineHeight, handleToggleForwardMessagePopup, messageActionsShow, closeMessageActions, handleDeletePendingMessage, handleReplyMessage, handleToggleDeleteMessagePopup, handleToggleReportPopupOpen, handleResendMessage, handleOpenEmojis, emojisPopupOpen, setEmojisPopupOpen, emojisPopupPosition, frequentlyEmojisOpen, handleCopyMessage, toggleEditMode, handleSelectMessage, handleMouseEnter, handleMouseLeave, handleReactionAddDelete, handleCreateChat, messageTextRef, handleOpenUserProfile, shouldOpenUserProfileForMention }: IMessageBodyProps) => React.JSX.Element>;
|
|
130
132
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IMessageProps } from './Message.types';
|
|
3
|
-
declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showOwnAvatar, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, openFrequentlyUsedReactions, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, fileAttachmentsIcon, reactionsDisplayCount, showEachReactionCount, showTotalReactionCount, reactionItemBorder, reactionItemBorderRadius, reactionItemBackground, reactionItemPadding, reactionItemMargin, reactionsFontSize, reactionsContainerBoxShadow, reactionsContainerBorder, reactionsContainerBorderRadius, reactionsContainerBackground, reactionsContainerPadding, reactionsContainerTopPosition, reactionsDetailsPopupBorderRadius, reactionsDetailsPopupHeaderItemsStyle, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, sameUserMessageSpacing, differentUserMessageSpacing, selectedMessagesMap, contactsMap, openedMessageMenuId, tabIsActive, connectionStatus, theme, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment }: IMessageProps) => React.JSX.Element>;
|
|
3
|
+
declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showOwnAvatar, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, openFrequentlyUsedReactions, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, fileAttachmentsIcon, reactionsDisplayCount, showEachReactionCount, showTotalReactionCount, reactionItemBorder, reactionItemBorderRadius, reactionItemBackground, reactionItemPadding, reactionItemMargin, reactionsFontSize, reactionsContainerBoxShadow, reactionsContainerBorder, reactionsContainerBorderRadius, reactionsContainerBackground, reactionsContainerPadding, reactionsContainerTopPosition, reactionsDetailsPopupBorderRadius, reactionsDetailsPopupHeaderItemsStyle, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, sameUserMessageSpacing, differentUserMessageSpacing, selectedMessagesMap, contactsMap, openedMessageMenuId, tabIsActive, connectionStatus, theme, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention }: IMessageProps) => React.JSX.Element>;
|
|
4
4
|
export default _default;
|
|
@@ -67,6 +67,7 @@ interface MessagesProps {
|
|
|
67
67
|
handleReactionAddDelete: (selectedEmoji: any) => void;
|
|
68
68
|
handleScrollToRepliedMessage: (messageId: string) => void;
|
|
69
69
|
handleMediaItemClick?: (attachment: IAttachment) => void;
|
|
70
|
+
handleOpenUserProfile: (user: IUser) => void;
|
|
70
71
|
isThreadMessage?: boolean;
|
|
71
72
|
}>;
|
|
72
73
|
messageReaction?: boolean;
|
|
@@ -173,6 +174,7 @@ interface MessagesProps {
|
|
|
173
174
|
messageTextFontSize?: string;
|
|
174
175
|
messageTextLineHeight?: string;
|
|
175
176
|
hiddenMessagesProperties?: HiddenMessageProperty[];
|
|
177
|
+
shouldOpenUserProfileForMention?: boolean;
|
|
176
178
|
}
|
|
177
179
|
declare const MessageList: React.FC<MessagesProps>;
|
|
178
180
|
export default MessageList;
|
|
@@ -210,7 +212,9 @@ export declare const DropAttachmentArea: import("styled-components").StyledCompo
|
|
|
210
212
|
borderColor: string;
|
|
211
213
|
draggedBorderColor: string;
|
|
212
214
|
}, never>;
|
|
213
|
-
export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
215
|
+
export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
216
|
+
highlightBg: string;
|
|
217
|
+
}, never>;
|
|
214
218
|
export declare const NoMessagesContainer: import("styled-components").StyledComponent<"div", any, {
|
|
215
219
|
color: string;
|
|
216
220
|
}, never>;
|
|
@@ -173,6 +173,7 @@ interface MessagesProps {
|
|
|
173
173
|
messageTimeColor?: string;
|
|
174
174
|
messageStatusAndTimeLineHeight?: string;
|
|
175
175
|
hiddenMessagesProperties?: HiddenMessageProperty[];
|
|
176
|
+
shouldOpenUserProfileForMention?: boolean;
|
|
176
177
|
}
|
|
177
178
|
declare const MessagesContainer: React.FC<MessagesProps>;
|
|
178
179
|
export default MessagesContainer;
|
|
@@ -15,6 +15,7 @@ interface MessagesScrollToBottomButtonProps {
|
|
|
15
15
|
unreadCountFontSize?: string;
|
|
16
16
|
unreadCountTextColor?: string;
|
|
17
17
|
unreadCountBackgroundColor?: string;
|
|
18
|
+
animateFrom?: string;
|
|
18
19
|
}
|
|
19
20
|
declare const MessagesScrollToBottomButton: React.FC<MessagesScrollToBottomButtonProps>;
|
|
20
21
|
export default MessagesScrollToBottomButton;
|
|
@@ -15,6 +15,7 @@ interface MessagesScrollToUnreadMentionsButtonProps {
|
|
|
15
15
|
unreadCountFontSize?: string;
|
|
16
16
|
unreadCountTextColor?: string;
|
|
17
17
|
unreadCountBackgroundColor?: string;
|
|
18
|
+
animateFrom?: string;
|
|
18
19
|
}
|
|
19
20
|
declare const MessagesScrollToUnreadMentionsButton: React.FC<MessagesScrollToUnreadMentionsButtonProps>;
|
|
20
21
|
export default MessagesScrollToUnreadMentionsButton;
|