sceyt-chat-react-uikit 1.9.0-beta.9 → 1.9.1-beta.1

package/components/ChannelList/index.d.ts

@@ -32,6 +32,8 @@ interface IChannelListProps {
     searchInputBorderRadius?: string;
     searchChannelsPadding?: string;
     getSelectedChannel?: (channel: IChannel) => void;
+    /** Called whenever the raw channel-search input changes, including clear. */
+    onSearchValueChange?: (value: string) => void;
     filter?: {
         channelType?: string;
     };

package/components/Message/Message.types.d.ts

@@ -74,6 +74,7 @@ interface ICustomMessageItem {
     isThreadMessage?: boolean;
     handleOpenUserProfile: (user: IUser) => void;
     unsupportedMessage: boolean;
+    isPinnedMessagesList?: boolean;
     onInviteLinkClick?: (key: string) => void;
     ifLatestAndHasNotPreview: boolean;
 }

package/components/Message/MessageReactions/index.d.ts

@@ -31,6 +31,7 @@ interface MessageReactionsProps {
     reactionsContainerPadding?: string;
     reactionsDetailsPopupBorderRadius?: string;
     reactionsDetailsPopupHeaderItemsStyle?: 'bubbles' | 'inline';
+    popupZIndex?: number;
     onToggleReactionsPopup: () => void;
     onReactionAddDelete: (selectedEmoji: string) => void;
     onOpenUserProfile: (user?: any) => void;

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

@@ -106,6 +106,13 @@ interface MessagesProps {
     endVoteIcon?: JSX.Element;
     /** Replaces the default pin icon in the pinned-messages banner. */
     pinnedMessageIcon?: JSX.Element;
+    /**
+     * Replaces the compact pinned-message preview for app-specific message
+     * types. Return null or undefined to use the UIKit preview.
+     */
+    renderPinnedMessagePreview?: (message: IMessage, context: {
+        placement: 'banner' | 'system';
+    }) => React.ReactNode | null | undefined;
     messageStatusSize?: string;
     messageStatusColor?: string;
     messageReadStatusColor?: string;

package/components/Messages/PinnedMessagesBanner.d.ts

@@ -1,7 +1,15 @@
 import React from 'react';
-declare const PinnedMessagesBanner: ({ channelId, pinIcon, onOpenList }: {
+import { IMessage } from '../../types';
+declare const PinnedMessagesBanner: ({ channelId, pinIcon, onOpenList, renderPinnedMessagePreview }: {
     channelId: string;
     pinIcon?: JSX.Element | undefined;
     onOpenList?: (() => void) | undefined;
+    /**
+     * Lets an integrator replace the compact preview for app-specific message
+     * types. Return null or undefined to keep the UIKit preview.
+     */
+    renderPinnedMessagePreview?: ((message: IMessage, context: {
+        placement: 'banner' | 'system';
+    }) => React.ReactNode | null | undefined) | undefined;
 }) => React.JSX.Element | null;
 export default PinnedMessagesBanner;

package/components/Messages/PinnedMessagesList.d.ts

@@ -10,10 +10,11 @@ declare type ScrollContainerComponent = React.ComponentType<any>;
 declare type MessagesContainerComponent = React.ComponentType<{
     children?: React.ReactNode;
 }>;
-declare const PinnedMessagesList: ({ channelId, onClose, closeRequested, renderMessage, ScrollContainer, MessagesContainer }: {
+declare const PinnedMessagesList: ({ channelId, onClose, closeRequested, selectionIsActive, renderMessage, ScrollContainer, MessagesContainer }: {
     channelId: string;
     onClose: () => void;
     closeRequested?: boolean | undefined;
+    selectionIsActive?: boolean | undefined;
     renderMessage: RenderPinnedMessage;
     ScrollContainer: ScrollContainerComponent;
     MessagesContainer: MessagesContainerComponent;

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

@@ -14,8 +14,12 @@ interface ISystemMessageProps {
     backgroundColor?: string;
     borderRadius?: string;
     setLastVisibleMessageId?: (message: IMessage) => void;
+    /** Replaces a PM source-message preview for app-specific message types. */
+    renderPinnedMessagePreview?: (message: IMessage, context: {
+        placement: 'banner' | 'system';
+    }) => React.ReactNode | null | undefined;
 }
-declare const _default: React.MemoExoticComponent<({ message, nextMessage, channel, differentUserMessageSpacing, fontSize, textColor, border, backgroundColor, borderRadius, contactsMap, setLastVisibleMessageId }: ISystemMessageProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, nextMessage, channel, differentUserMessageSpacing, fontSize, textColor, border, backgroundColor, borderRadius, contactsMap, setLastVisibleMessageId, renderPinnedMessagePreview }: ISystemMessageProps) => React.JSX.Element>;
 export default _default;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
     topOffset?: number | undefined;

package/components/Messages/index.d.ts

@@ -99,6 +99,13 @@ interface MessagesProps {
     endVoteIcon?: JSX.Element;
     /** Replaces the default pin icon in the pinned-messages banner. */
     pinnedMessageIcon?: JSX.Element;
+    /**
+     * Replaces the compact pinned-message preview for app-specific message
+     * types. Return null or undefined to use the UIKit preview.
+     */
+    renderPinnedMessagePreview?: (message: IMessage, context: {
+        placement: 'banner' | 'system';
+    }) => React.ReactNode | null | undefined;
     openFrequentlyUsedReactions?: boolean;
     fixEmojiCategoriesTitleOnTop?: boolean;
     emojisCategoryIconsPosition?: 'top' | 'bottom';

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

@@ -1,5 +1,26 @@
 /// <reference types="react" />
 import { IMessage, IMember } from '../../../types';
+interface SerializedEditorChild {
+    type: string;
+    text: string;
+    format: number;
+    mentionName?: string;
+    mentionText?: string;
+    metadata?: string;
+}
+interface OffsetRange {
+    start: number;
+    end: number;
+}
+/**
+ * Converts Lexical's display text into the wire format used by message
+ * attributes. A mention is only converted to its ID token while its text has
+ * not been changed by the user. Once edited, it becomes ordinary text.
+ */
+export declare function serializeFormattedMessage(messageText: string, children: SerializedEditorChild[], offsetList: OffsetRange[]): {
+    messageText: string;
+    bodyAttributes: any[];
+};
 export default function FormatMessagePlugin({ editorState, setMessageBodyAttributes, setMessageText, setMentionedMember, messageToEdit, activeChannelMembers, contactsMap, getFromContacts }: {
     editorState: any;
     setMessageBodyAttributes: (data: any) => void;
@@ -10,3 +31,4 @@ export default function FormatMessagePlugin({ editorState, setMessageBodyAttribu
     contactsMap: any;
     getFromContacts: boolean;
 }): JSX.Element | null;
+export {};

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

@@ -2,7 +2,10 @@ import type { Spread, DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNo
 import { TextNode } from 'lexical';
 export declare type SerializedMentionNode = Spread<{
     mentionName: string;
+    /** The label inserted into the editor, used to detect later text edits. */
+    mentionText?: string;
 }, SerializedTextNode>;
+export declare function isMentionTextUnchanged(originalText: string | null | undefined, currentText: string): boolean;
 export declare class MentionNode extends TextNode {
     __mention: any;
     mentionId: string;
@@ -12,6 +15,8 @@ export declare class MentionNode extends TextNode {
     constructor(mention: any, text?: string, key?: NodeKey);
     exportJSON(): SerializedMentionNode;
     createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: MentionNode, dom: HTMLElement, config: EditorConfig): boolean;
+    private isUnchangedMention;
     exportDOM(): DOMExportOutput;
     static importDOM(): DOMConversionMap | null;
     isTextEntity(): true;

package/components/SendMessageInput/draftOwnership.d.ts

@@ -0,0 +1,24 @@
+export declare type ComposerDraft = {
+    text: string;
+    mentionedUsers: any[];
+    messageForReply: any;
+    editorState: any;
+    bodyAttributes: any;
+    attachments: any[];
+    viewOnce: boolean;
+};
+export declare type DraftHandoff = {
+    channelId: string;
+    draft: ComposerDraft;
+    persist: boolean;
+};
+declare type ComposerState = ComposerDraft & {
+    channelId: string;
+    nextChannelId: string;
+};
+/**
+ * Returns the only draft write allowed while the active chat changes. The
+ * composer values belong to `channelId`, never to `nextChannelId`.
+ */
+export declare const getDraftHandoff: ({ channelId, nextChannelId, text, mentionedUsers, messageForReply, editorState, bodyAttributes, attachments, viewOnce }: ComposerState) => DraftHandoff | null;
+export {};

package/components/SendMessageInput/sendMessageUtils.d.ts

@@ -1,6 +1,7 @@
 export declare const hasSendableTextOrPoll: (messageText: string, isPoll: boolean) => boolean;
 export declare const DEFAULT_MEDIA_EXTENSIONS: string[];
 export declare const isDefaultSupportedMediaMimeType: (mimeType: string) => boolean;
+export declare const getClipboardFiles: (clipboardData: Pick<DataTransfer, 'files' | 'items'>) => File[];
 declare type MediaAttachmentValidationOptions = {
     allowedExtensions?: string[];
     sizeLimitKb?: number;