sceyt-chat-react-uikit 1.6.7 → 1.6.8-beta.1

package/components/Message/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IMessageProps } from './Message.types';
-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 }: IMessageProps) => React.JSX.Element>;
+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>;
 export default _default;

package/components/MessageDivider/index.d.ts

@@ -10,7 +10,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
     dateDividerFontSize?: string | undefined;
     dateDividerTextColor?: string | undefined;
     dateDividerBackgroundColor?: string | undefined;
-    newMessagesSeparatorSpaceColor?: string | undefined;
+    newMessagesSeparatorSpaceColor: string;
     dateDividerBorderRadius?: string | undefined;
     newMessagesSeparatorLeftRightSpaceWidth?: string | undefined;
     height?: number | undefined;

package/components/Messages/MessageList/index.d.ts

@@ -179,6 +179,7 @@ export default MessageList;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
     stopScrolling?: boolean | undefined;
     backgroundColor?: string | undefined;
+    thumbColor: string;
 }, never>;
 export declare const EmptyDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MessageTopDate: import("styled-components").StyledComponent<"div", any, {
@@ -195,6 +196,7 @@ export declare const MessageTopDate: import("styled-components").StyledComponent
 export declare const DragAndDropContainer: import("styled-components").StyledComponent<"div", any, {
     topOffset?: number | undefined;
     height?: number | undefined;
+    backgroundColor?: string | undefined;
 }, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {
     backgroundColor: string;
@@ -204,6 +206,9 @@ export declare const DropAttachmentArea: import("styled-components").StyledCompo
     backgroundColor: string;
     color: string;
     margin?: string | undefined;
+    iconBackgroundColor: string;
+    borderColor: string;
+    draggedBorderColor: string;
 }, never>;
 export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NoMessagesContainer: import("styled-components").StyledComponent<"div", any, {

package/components/SendMessageInput/MentionsPlugin/index.d.ts

@@ -22,5 +22,5 @@ export declare const MentionsContainerWrapper: import("styled-components").Style
 }, never>;
 export declare const MemberItem: import("styled-components").StyledComponent<"li", any, {
     isActiveItem?: boolean | undefined;
-    activeBackgroundColor?: string | undefined;
+    activeBackgroundColor: string;
 }, never>;

package/components/SendMessageInput/RecordingAnimation.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const RecordingAnimation: React.FC;
+declare const RecordingAnimation: React.FC<{
+    borderColor: string;
+}>;
 export default RecordingAnimation;

package/components/VideoPreview/index.d.ts

@@ -22,6 +22,7 @@ export declare const AttachmentFile: import("styled-components").StyledComponent
     borderRadius?: string | undefined;
     background?: string | undefined;
     border?: string | undefined;
+    borderColor: string;
 }, never>;
 export declare const AttachmentImg: import("styled-components").StyledComponent<"img", any, {
     borderRadius?: string | undefined;