beca-ui 2.1.0-beta.92 → 2.1.0-beta.94

package/dist/components/AIChat/AIChat.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { AIChatStreamChunk, AISessionModel } from "./AIChat.types";
+export interface AIChatProps {
+    userWorkflowId: number;
+    onGetSession: () => Promise<AISessionModel>;
+    onChat: (threadId: React.Key, message: string) => AsyncGenerator<AIChatStreamChunk, void, unknown>;
+}
+export interface AIChatRef {
+    fetchSession: () => void | Promise<void>;
+}
+export declare const AIChat: React.ForwardRefExoticComponent<AIChatProps & React.RefAttributes<AIChatRef>>;

package/dist/components/AIChat/AIChat.types.d.ts

@@ -0,0 +1,21 @@
+interface AISessionMessageModel {
+    query: string;
+    answer: string;
+    created_at: string;
+}
+export interface AISessionModel {
+    user_id: number;
+    session_id: string;
+    userworkflow_id: number;
+    workflow_status: string;
+    messages: AISessionMessageModel[];
+    user_summary: string;
+    is_not_found: boolean;
+    detail: null;
+}
+export interface AIChatStreamChunk {
+    type: string;
+    token?: string;
+    status?: string;
+}
+export {};

package/dist/components/AIChat/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AIChat';
+export * from './AIChat.types';

package/dist/components/BecaChatBox/BecaChatBox.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { BecaChatBoxStyles, BecaChatMessageModel, BecaChatThreadModel, HeaderCustom, NewChatMessageModel } from "./types";
+import { MainChatBoxProps } from "./MainChat";
+import { MessageBubbleProps } from "./MessageBubble";
+interface SideBarCustom {
+    visible?: boolean;
+    showSearch?: boolean;
+}
+export interface BecaChatBoxProps extends MainChatBoxProps, MessageBubbleProps {
+    className?: string;
+    threads?: BecaChatThreadModel[];
+    initialThreadId?: string;
+    onSend?: (threadId: React.Key, message: NewChatMessageModel) => Promise<void>;
+    styles?: BecaChatBoxStyles;
+    sidebar?: SideBarCustom;
+    header?: HeaderCustom;
+}
+export interface BecaChatBoxRef {
+    focusInput: () => void;
+    receiveMessage: (threadId: React.Key, message: BecaChatMessageModel) => void;
+    updateMessage: (threadId: React.Key, messageId: React.Key, newText: string) => void;
+}
+export declare const BecaChatBox: React.ForwardRefExoticComponent<BecaChatBoxProps & React.RefAttributes<BecaChatBoxRef>>;
+export {};

package/dist/components/BecaChatBox/Composer.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { BecaChatBoxStyles } from "./types";
+export interface ComposerProps {
+    placeHolder?: string;
+    attachment?: {
+        showIcon?: boolean;
+        onUpload?: (files: File[]) => void | Promise<void>;
+    };
+}
+interface Props extends ComposerProps {
+    draft: string;
+    hasDraft: boolean;
+    autoResize: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    send: () => void;
+    textareaRef: React.RefObject<HTMLTextAreaElement>;
+    styles: BecaChatBoxStyles;
+}
+export declare const Composer: React.FC<Props>;
+export {};

package/dist/components/BecaChatBox/MainChat.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import { BecaChatBoxStyles, BecaChatThreadModel, HeaderCustom } from "./types";
+import { MessageBubbleProps } from "./MessageBubble";
+import { ComposerProps } from "./Composer";
+export interface MainChatBoxProps {
+    onRemoveThread?: (threadId: React.Key) => void | Promise<void>;
+    /**
+     * @default true
+     * show date divider between messages
+     */
+    showDateDivider?: boolean;
+    otherStatus?: ChatStatusProps;
+    ownStatus?: ChatStatusProps;
+    hasMore?: boolean;
+    onLoadMore?: () => void | Promise<void>;
+}
+interface MainChatProps extends MainChatBoxProps, ComposerProps, MessageBubbleProps {
+    header: HeaderCustom;
+    activeThread: BecaChatThreadModel | undefined;
+    draft: string;
+    hasDraft: boolean;
+    autoResize: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    send: () => void;
+    textareaRef: React.RefObject<HTMLTextAreaElement>;
+    bottomRef: React.RefObject<HTMLDivElement>;
+    styles: BecaChatBoxStyles;
+}
+export declare const MainChat: React.FC<MainChatProps>;
+export interface ChatStatusProps {
+    loading: boolean;
+    content: string;
+    isOwn: boolean;
+    icon?: React.JSX.Element;
+}
+export {};

package/dist/components/BecaChatBox/MessageBubble.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { BecaChatMessageModel } from "./types";
+type MessageBubbleMode = "card" | "text";
+interface MessageBubbleStyle {
+    mode: MessageBubbleMode;
+}
+export interface MessageBubbleProps {
+    /**
+     * Message bubble style of other users
+     */
+    otherMessageBubble?: MessageBubbleStyle;
+    /**
+     * Message bubble style of own user
+     */
+    ownMessageBubble?: MessageBubbleStyle;
+    /**
+     * Show time of message
+     * @default true
+     */
+    showTime?: boolean;
+    onClick?: (id: React.Key, item?: BecaChatMessageModel) => void;
+}
+interface Props extends MessageBubbleProps {
+    message: BecaChatMessageModel;
+}
+export declare const MessageBubble: React.FC<Props>;
+export {};

package/dist/components/BecaChatBox/Sidebar.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { BecaChatThreadModel } from "./types";
+interface SidebarProps {
+    threads: BecaChatThreadModel[];
+    activeId: React.Key;
+    setActiveId: (id: React.Key) => void;
+    query: string;
+    setQuery: (q: string) => void;
+}
+export declare const Sidebar: React.FC<SidebarProps>;
+export {};

package/dist/components/BecaChatBox/index.d.ts

@@ -0,0 +1 @@
+export * from './BecaChatBox';

package/dist/components/BecaChatBox/types.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface BecaChatMessageModel {
+    id: string;
+    text: string;
+    sentAt: string;
+    isOwn: boolean;
+    type?: string;
+}
+export type NewChatMessageModel = Partial<BecaChatMessageModel> & Pick<BecaChatMessageModel, 'text' | 'sentAt' | 'isOwn'>;
+export interface BecaChatThreadModel {
+    id: React.Key;
+    title: string;
+    subtitle?: string;
+    lastMessageAt: string;
+    unread?: number;
+    messages: BecaChatMessageModel[];
+    avatarColor?: string;
+}
+export type BecaChatMode = 'chat' | 'ai';
+export interface BecaChatBoxStyles {
+    messages?: React.CSSProperties;
+    composer?: React.CSSProperties;
+}
+export interface HeaderCustom {
+    visible?: boolean;
+}

package/dist/components/BecaChatBox/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function initials(name: string): string;
+export declare function formatListTime(iso: string): string;
+export declare function formatMessageTime(iso: string): string;

package/dist/components/BodyCard/BodyCard.types.d.ts

@@ -12,4 +12,9 @@ export interface BodyCardProps extends React.HTMLAttributes<HTMLDivElement> {
     cardBodyDependencies?: any[];
     backUrl?: string;
     LinkComponent?: any;
+    styles?: {
+        header?: React.CSSProperties;
+        body?: React.CSSProperties;
+        content?: React.CSSProperties;
+    };
 }

package/dist/components/TextEditor/BubbleMenu/TextEditorBubbleMenu.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 export interface TextEditorMenuItem {
     icon: React.ReactNode;
-    onClick: () => void;
+    onClick?: () => void;
     disabled?: boolean;
     title?: string;
+    actived?: boolean;
+    subItems?: TextEditorMenuItem[];
 }
 interface BubbleMenuItemType {
     subItems: TextEditorMenuItem[];

package/dist/components/TextEditor/Image/index.d.ts

@@ -15,6 +15,9 @@ declare module "@tiptap/core" {
             }) => ReturnType;
             setMediaAlign: (align: "left" | "center" | "right") => ReturnType;
         };
+        tableCell: {
+            setCellVerticalAlign: (value: "top" | "middle" | "bottom") => ReturnType;
+        };
     }
 }
 export interface MediaOptions {

package/dist/components/index.d.ts

@@ -77,3 +77,5 @@ export * from "./Mentions";
 export * from "./Tree";
 export * from "./TreeSelect";
 export * from "./TreeSelectField";
+export * from "./BecaChatBox";
+export * from "./AIChat";

package/dist/data/LocalesTexts/EnglishTexts.d.ts

@@ -31,6 +31,7 @@ declare const _default: {
     redo: string;
     refresh: string;
     table: string;
+    addTable: string;
     darkMode: string;
     lightMode: string;
     english: string;
@@ -45,5 +46,13 @@ declare const _default: {
     totalDisplay: string;
     sortAppMenuItems: string;
     custom: string;
+    horizontalAlign: string;
+    verticalAlign: string;
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+    center: string;
+    systemColor: string;
 };
 export default _default;

package/dist/data/LocalesTexts/VietnameseTexts.d.ts

@@ -31,6 +31,7 @@ declare const _default: {
     redo: string;
     refresh: string;
     table: string;
+    addTable: string;
     darkMode: string;
     lightMode: string;
     english: string;
@@ -45,5 +46,13 @@ declare const _default: {
     totalDisplay: string;
     sortAppMenuItems: string;
     custom: string;
+    horizontalAlign: string;
+    verticalAlign: string;
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+    center: string;
+    systemColor: string;
 };
 export default _default;

package/dist/hooks/LocaleHook.d.ts

@@ -33,6 +33,7 @@ export declare function useTranslation(): {
     redo: string;
     refresh: string;
     table: string;
+    addTable: string;
     darkMode: string;
     lightMode: string;
     english: string;
@@ -47,5 +48,13 @@ export declare function useTranslation(): {
     totalDisplay: string;
     sortAppMenuItems: string;
     custom: string;
+    horizontalAlign: string;
+    verticalAlign: string;
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+    center: string;
+    systemColor: string;
 };
 export {};