sceyt-chat-react-uikit 1.5.2 → 1.5.5

package/components/MessagesScrollToBottomButton/index.d.ts

@@ -3,6 +3,8 @@ interface MessagesScrollToBottomButtonProps {
     buttonIcon?: JSX.Element;
     buttonWidth?: string;
     buttonHeight?: string;
+    bottomPosition?: number;
+    rightPosition?: number;
     buttonBorder?: string;
     buttonBackgroundColor?: string;
     buttonHoverBackgroundColor?: string;

package/components/Profile/EditProfile/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function EditProfile({ toggleEditPopup, user }: any): JSX.Element;

package/components/Profile/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function Profile(): JSX.Element;
+export default Profile;

package/components/SceytChat/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import { IChatClientProps } from '../ChatContainer';
-declare const SceytChat: ({ client, avatarColors, children, showOnlyContactUsers, logoSrc, CustomUploader, sendAttachmentsAsSeparateMessages, customColors, hideUserPresence, showNotifications }: IChatClientProps) => JSX.Element;
+declare const SceytChat: ({ client, theme, avatarColors, children, showOnlyContactUsers, logoSrc, CustomUploader, handleNewMessages, sendAttachmentsAsSeparateMessages, membersDisplayTextByChannelTypesMap, defaultRolesByChannelTypesMap, customColors, hideUserPresence, showNotifications }: IChatClientProps) => JSX.Element;
 export default SceytChat;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/components/SceytChat/styled.d.ts

@@ -1,6 +1,6 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ChatContainer: import("styled-components").StyledComponent<"div", any, {
-    withHeader: any;
     withChannelsList: boolean;
+    backgroundColor?: string | undefined;
 }, never>;
 export declare const Chat: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IMessage } from '../../../types';
+export default function EditMessagePlugin({ editMessage, contactsMap, getFromContacts, setMentionedMember }: {
+    editMessage: IMessage;
+    contactsMap: any;
+    getFromContacts: boolean;
+    setMentionedMember: (mentionedMember: any) => void;
+}): JSX.Element | null;

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

@@ -0,0 +1,18 @@
+import type { EditorConfig, LexicalNode, NodeKey, SerializedTextNode, Spread } from 'lexical';
+import { TextNode } from 'lexical';
+export declare type SerializedEmojiNode = Spread<{
+    className: string;
+}, SerializedTextNode>;
+export declare class EmojiNode extends TextNode {
+    __className: string;
+    static getType(): string;
+    static clone(node: EmojiNode): EmojiNode;
+    constructor(className: string, text: string, key?: NodeKey);
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: TextNode, dom: HTMLElement, config: EditorConfig): boolean;
+    static importJSON(serializedNode: SerializedEmojiNode): EmojiNode;
+    exportJSON(): SerializedEmojiNode;
+    getClassName(): string;
+}
+export declare function $isEmojiNode(node: LexicalNode | null | undefined): node is EmojiNode;
+export declare function $createEmojiNode(className: string, emojiText: string): EmojiNode;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare function EmojisPopup({ handleAddEmoji, handleEmojiPopupToggle, rtlDirection, rightSide, bottomPosition, emojisContainerBorderRadius, emojisCategoryIconsPosition, fixEmojiCategoriesTitleOnTop, emojisPopupPosition, relativePosition, leftPosition }: {
+    handleAddEmoji?: (selectedEmoji: string) => void;
+    handleEmojiPopupToggle?: (state: boolean) => void;
+    rtlDirection?: boolean;
+    rightSide?: boolean;
+    relativePosition?: boolean;
+    bottomPosition?: string;
+    emojisContainerBorderRadius?: string;
+    emojisCategoryIconsPosition?: 'top' | 'bottom';
+    emojisPopupPosition?: string;
+    fixEmojiCategoriesTitleOnTop?: boolean;
+    leftPosition?: string;
+}): JSX.Element;
+export default EmojisPopup;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ElementNode, RangeSelection, TextNode } from 'lexical';
+declare type Func = () => void;
+export declare function mergeRegister(...func: Array<Func>): () => void;
+export declare function getDOMRangeRect(nativeSelection: Selection, rootElement: HTMLElement): DOMRect;
+export declare function getSelectedNode(selection: RangeSelection): TextNode | ElementNode;
+export default function FloatingTextFormatToolbarPlugin({ anchorElem }: {
+    anchorElem?: HTMLElement;
+}): JSX.Element | null;
+export {};

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function FormatMessagePlugin({ editorState, setMessageBodyAttributes, setMessageText, messageToEdit }: any): JSX.Element | null;

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

@@ -0,0 +1,22 @@
+import type { Spread, DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey, SerializedTextNode } from 'lexical';
+import { TextNode } from 'lexical';
+export declare type SerializedMentionNode = Spread<{
+    mentionName: string;
+}, SerializedTextNode>;
+export declare class MentionNode extends TextNode {
+    __mention: any;
+    mentionId: string;
+    static getType(): string;
+    static clone(node: MentionNode): MentionNode;
+    static importJSON(serializedNode: SerializedMentionNode): MentionNode;
+    constructor(mention: any, text?: string, key?: NodeKey);
+    exportJSON(): SerializedMentionNode;
+    createDOM(config: EditorConfig): HTMLElement;
+    exportDOM(): DOMExportOutput;
+    static importDOM(): DOMConversionMap | null;
+    isTextEntity(): true;
+    canInsertTextBefore(): boolean;
+    canInsertTextAfter(): boolean;
+}
+export declare function $createMentionNode(mention: any): MentionNode;
+export declare function $isMentionNode(node: LexicalNode | null | undefined): node is MentionNode;

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
+import { IContactsMap, IMember } from '../../../types';
+export declare class MentionTypeaheadOption extends MenuOption {
+    id: string;
+    name: string;
+    presence?: any;
+    avatarUrl?: string;
+    constructor(name: string, id: string, presence?: any, avatarUrl?: string);
+}
+export default function MentionsPlugin({ contactsMap, userId, getFromContacts, setMentionMember, setMentionsIsOpen, members }: {
+    contactsMap: IContactsMap;
+    userId: string;
+    getFromContacts?: boolean;
+    setMentionMember: (member: any) => void;
+    setMentionsIsOpen: (state: boolean) => void;
+    members: IMember[];
+}): JSX.Element | null;
+export declare const MentionsContainerWrapper: import("styled-components").StyledComponent<"div", any, {
+    mentionsIsOpen?: boolean | undefined;
+    ref?: any;
+}, never>;
+export declare const MemberItem: import("styled-components").StyledComponent<"li", any, {
+    isActiveItem?: boolean | undefined;
+    activeBackgroundColor?: string | undefined;
+}, never>;

package/components/SendMessageInput/index.d.ts

@@ -1,8 +1,10 @@
 import React, { FC } from 'react';
-import { IUser } from '../../types';
+import { IMessage, IUser } from '../../types';
 interface SendMessageProps {
     draggedAttachments?: boolean;
     handleAttachmentSelected?: (state: boolean) => void;
+    handleSendMessage?: (message: IMessage, channelId: string) => Promise<IMessage>;
+    inputCustomClassname?: string;
     disabled?: boolean;
     showAddEmojis?: boolean;
     AddEmojisIcon?: JSX.Element;
@@ -35,9 +37,8 @@ interface SendMessageProps {
     voiceMessage?: boolean;
     sendAttachmentSeparately?: boolean;
     allowMentionUser?: boolean;
+    allowTextEdit?: boolean;
+    textSelectionBackgroundColor?: string;
 }
 declare const SendMessageInput: React.FC<SendMessageProps>;
-export declare const MentionsContainer: import("styled-components").StyledComponent<"div", any, {
-    mentionsIsOpen?: boolean | undefined;
-}, never>;
 export default SendMessageInput;

package/components/VideoPreview/index.d.ts

@@ -1,11 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { IAttachment } from '../../types';
 interface IVideoPreviewProps {
-    maxWidth?: string;
-    maxHeight?: string;
+    width?: string;
+    height?: string;
+    theme?: string;
     file: IAttachment;
     borderRadius?: string;
     isPreview?: boolean;
+    isCachedFile?: boolean;
     isRepliedMessage?: boolean;
     backgroundColor: string;
     src: string;
@@ -13,7 +15,7 @@ interface IVideoPreviewProps {
     isDetailsView?: boolean;
     setVideoIsReadyToSend?: (attachmentId: string) => void;
 }
-declare const VideoPreview: ({ maxWidth, maxHeight, src, file, borderRadius, isPreview, uploading, isRepliedMessage, backgroundColor, isDetailsView, setVideoIsReadyToSend }: IVideoPreviewProps) => JSX.Element;
+declare const VideoPreview: React.NamedExoticComponent<IVideoPreviewProps>;
 export default VideoPreview;
 export declare const AttachmentFile: import("styled-components").StyledComponent<"div", any, {
     isPrevious?: boolean | undefined;

package/components/index.d.ts

@@ -5,12 +5,12 @@ import ChatHeader from './ChatHeader';
 import MessageList from './Messages';
 import SendMessage from './SendMessageInput';
 import ChannelDetails from './ChannelDetailsContainer';
-import SceytChatHeader from './SceytChatHeader';
 import MessagesScrollToBottomButton from './MessagesScrollToBottomButton';
-import CreateChannel from './ChannelList/CreateChannelButton';
+import CreateChannel from './../common/popups/createChannel';
 import ChannelSearch from './ChannelList/ChannelSearch';
 import Avatar from './Avatar';
-export { SceytChat, ChannelList, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, SceytChatHeader, MessagesScrollToBottomButton, CreateChannel, ChannelSearch, Avatar };
+import DropDown from '../common/dropdown';
+export { SceytChat, ChannelList, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, CreateChannel, ChannelSearch, Avatar, DropDown };
 declare global {
     interface Window {
         sceytTabNotifications: any;