@contentstack/live-preview-utils/dist/modern/visualBuilder/hooks/useCommentTextArea.d.cts

Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane.

import * as preact_hooks from 'preact/hooks';
import { IUserState, IMessageDTO, ICommentState, IErrorState, IMentionList } from '../types/collab.types.cjs';
import React from 'preact/compat';

declare const useCommentTextArea: (userState: IUserState, comment: IMessageDTO | null | undefined, onClose: (isResolved?: boolean) => void) => {
    state: ICommentState;
    setState: React.Dispatch<React.SetStateAction<ICommentState>>;
    error: IErrorState;
    showSuggestions: boolean;
    cursorPosition: {
        top: number;
        left: number;
        showAbove: boolean;
    };
    selectedIndex: number;
    filteredUsers: IMentionList[];
    inputRef: React.RefObject<HTMLTextAreaElement>;
    listRef: React.RefObject<HTMLUListElement>;
    itemRefs: preact_hooks.MutableRef<(HTMLLIElement | null)[]>;
    handleInputChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
    handleKeyDown: (e: KeyboardEvent) => void;
    handleSubmit: () => Promise<void>;
    insertMention: (user: IMentionList) => void;
    maxMessageLength: number;
};

export { useCommentTextArea };