@antscorp/antsomi-ui 1.3.3-beta.2 → 1.3.3-beta.21

package/es/components/molecules/ChatBox/MessageItem.js

@@ -1,66 +1,66 @@
-import React, { useState, useEffect, useRef } from 'react';
-import clsx from 'clsx';
-import ReactMarkdown from 'react-markdown';
-import remarkGfm from 'remark-gfm';
-import rehypeHighlight from 'rehype-highlight';
-import 'highlight.js/styles/vs2015.css';
-// Atoms
-import { Typography } from '@antscorp/antsomi-ui/es/components/atoms';
-// Components
-import { GPTIconV3, UserIcon } from '@antscorp/antsomi-ui/es/components/icons';
-// Style
-import { MessageItemWrapper } from './styled';
-const { Text } = Typography;
-const MessageItem = ({ role, content, scrollBody, renderDone, doAnimation, avatar, idx, isPlaceholder, renderType, }) => {
-    const isBot = role === "assistant" /* Role.Assistant */;
-    const [text, setText] = useState(isBot && doAnimation ? '' : content);
-    const contentRef = useRef();
-    const MAP_ICON = {
-        ["assistant" /* Role.Assistant */]: React.createElement(GPTIconV3, { className: clsx('icon', 'gpt') }),
-        ["user" /* Role.User */]: avatar ? (React.createElement("img", { className: clsx('avatar'), src: avatar, alt: "avatar" })) : (React.createElement(UserIcon, { className: clsx('icon', 'user') })),
-    };
-    useEffect(() => {
-        if (isBot && doAnimation) {
-            let i = 0;
-            setTimeout(() => {
-                const intervalId = setInterval(() => {
-                    const nextSpace = content.slice(i).indexOf(' ');
-                    i += nextSpace >= 0 ? nextSpace + 1 : content.length + 1;
-                    setText(content.slice(0, i));
-                    if (i > content.length) {
-                        clearInterval(intervalId);
-                        renderDone(idx);
-                    }
-                    scrollBody();
-                }, 20);
-                return () => clearInterval(intervalId);
-            }, 150);
-        }
-        else {
-            scrollBody();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isBot]);
-    const renderMarkdown = () => {
-        try {
-            const newContent = isPlaceholder ? (React.createElement("div", { className: "reactMarkDown" },
-                React.createElement("pre", null,
-                    React.createElement("code", null,
-                        React.createElement("span", null))))) : (React.createElement(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeHighlight], className: "reactMarkDown" }, text));
-            contentRef.current = newContent;
-            return contentRef.current;
-        }
-        catch (error) {
-            return contentRef.current;
-        }
-    };
-    return (React.createElement(MessageItemWrapper, { className: clsx({ greyBg: isBot }) },
-        MAP_ICON[role],
-        renderType === 'markdown' ? (React.createElement("div", { className: isPlaceholder || (isBot && doAnimation && text.length < content.length)
-                ? 'ants-text-streaming'
-                : '' }, renderMarkdown())) : (React.createElement(Text, { className: isPlaceholder || (isBot && doAnimation && text !== content) ? 'ants-text-streaming' : '' }, isPlaceholder ? '' : text))));
-};
-MessageItem.defaultProps = {
-    renderType: 'markdown',
-};
-export default React.memo(MessageItem);
+import React, { useState, useEffect, useRef } from 'react';
+import clsx from 'clsx';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeHighlight from 'rehype-highlight';
+import 'highlight.js/styles/vs2015.css';
+// Atoms
+import { Typography } from '@antscorp/antsomi-ui/es/components/atoms';
+// Components
+import { GPTIconV3, UserIcon } from '@antscorp/antsomi-ui/es/components/icons';
+// Style
+import { MessageItemWrapper } from './styled';
+const { Text } = Typography;
+const MessageItem = ({ role, content, scrollBody, renderDone, doAnimation, avatar, idx, isPlaceholder, renderType, }) => {
+    const isBot = role === "assistant" /* Role.Assistant */;
+    const [text, setText] = useState(isBot && doAnimation ? '' : content);
+    const contentRef = useRef();
+    const MAP_ICON = {
+        ["assistant" /* Role.Assistant */]: React.createElement(GPTIconV3, { className: clsx('icon', 'gpt') }),
+        ["user" /* Role.User */]: avatar ? (React.createElement("img", { className: clsx('avatar'), src: avatar, alt: "avatar" })) : (React.createElement(UserIcon, { className: clsx('icon', 'user') })),
+    };
+    useEffect(() => {
+        if (isBot && doAnimation) {
+            let i = 0;
+            setTimeout(() => {
+                const intervalId = setInterval(() => {
+                    const nextSpace = content.slice(i).indexOf(' ');
+                    i += nextSpace >= 0 ? nextSpace + 1 : content.length + 1;
+                    setText(content.slice(0, i));
+                    if (i > content.length) {
+                        clearInterval(intervalId);
+                        renderDone(idx);
+                    }
+                    scrollBody();
+                }, 20);
+                return () => clearInterval(intervalId);
+            }, 150);
+        }
+        else {
+            scrollBody();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isBot]);
+    const renderMarkdown = () => {
+        try {
+            const newContent = isPlaceholder ? (React.createElement("div", { className: "reactMarkDown" },
+                React.createElement("pre", null,
+                    React.createElement("code", null,
+                        React.createElement("span", null))))) : (React.createElement(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeHighlight], className: "reactMarkDown" }, text));
+            contentRef.current = newContent;
+            return contentRef.current;
+        }
+        catch (error) {
+            return contentRef.current;
+        }
+    };
+    return (React.createElement(MessageItemWrapper, { className: clsx({ greyBg: isBot }) },
+        MAP_ICON[role],
+        renderType === 'markdown' ? (React.createElement("div", { className: isPlaceholder || (isBot && doAnimation && text.length < content.length)
+                ? 'ants-text-streaming'
+                : '' }, renderMarkdown())) : (React.createElement(Text, { className: isPlaceholder || (isBot && doAnimation && text !== content) ? 'ants-text-streaming' : '' }, isPlaceholder ? '' : text))));
+};
+MessageItem.defaultProps = {
+    renderType: 'markdown',
+};
+export default React.memo(MessageItem);

package/es/components/molecules/ChatBox/constants.d.ts

@@ -1,6 +1,6 @@
-import { Role } from './types';
-export declare const CONVERSATION: {
-    role: Role;
-    content: string;
-}[];
-export declare const LIMIT_MESSAGE = 10;
+import { Role } from './types';
+export declare const CONVERSATION: {
+    role: Role;
+    content: string;
+}[];
+export declare const LIMIT_MESSAGE = 10;

package/es/components/molecules/ChatBox/constants.js

@@ -1,51 +1,51 @@
-export const CONVERSATION = [
-    {
-        role: "assistant" /* Role.Assistant */,
-        content: 'Hi there! How can I help?',
-    },
-    {
-        role: "user" /* Role.User */,
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
-    },
-    {
-        role: "assistant" /* Role.Assistant */,
-        content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident',
-    },
-    {
-        role: "user" /* Role.User */,
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
-    },
-    {
-        role: "assistant" /* Role.Assistant */,
-        content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident',
-    },
-    {
-        role: "user" /* Role.User */,
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
-    },
-    {
-        role: "assistant" /* Role.Assistant */,
-        content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident',
-    },
-    {
-        role: "user" /* Role.User */,
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
-    },
-    {
-        role: "assistant" /* Role.Assistant */,
-        content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident',
-    },
-    {
-        role: "user" /* Role.User */,
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
-    },
-    {
-        role: "assistant" /* Role.Assistant */,
-        content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident',
-    },
-    {
-        role: "user" /* Role.User */,
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
-    },
-];
-export const LIMIT_MESSAGE = 10;
+export const CONVERSATION = [
+    {
+        role: "assistant" /* Role.Assistant */,
+        content: 'Hi there! How can I help?',
+    },
+    {
+        role: "user" /* Role.User */,
+        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
+    },
+    {
+        role: "assistant" /* Role.Assistant */,
+        content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident',
+    },
+    {
+        role: "user" /* Role.User */,
+        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
+    },
+    {
+        role: "assistant" /* Role.Assistant */,
+        content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident',
+    },
+    {
+        role: "user" /* Role.User */,
+        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
+    },
+    {
+        role: "assistant" /* Role.Assistant */,
+        content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident',
+    },
+    {
+        role: "user" /* Role.User */,
+        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
+    },
+    {
+        role: "assistant" /* Role.Assistant */,
+        content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident',
+    },
+    {
+        role: "user" /* Role.User */,
+        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
+    },
+    {
+        role: "assistant" /* Role.Assistant */,
+        content: 'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident',
+    },
+    {
+        role: "user" /* Role.User */,
+        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
+    },
+];
+export const LIMIT_MESSAGE = 10;

package/es/components/molecules/ChatBox/index.d.ts

@@ -1 +1 @@
-export { ChatBox } from './ChatBox';
+export { ChatBox } from './ChatBox';

package/es/components/molecules/ChatBox/index.js

@@ -1 +1 @@
-export { ChatBox } from './ChatBox';
+export { ChatBox } from './ChatBox';

package/es/components/molecules/ChatBox/styled.d.ts

@@ -1,10 +1,10 @@
-export declare const ChatBoxWrapper: import("styled-components").StyledComponent<"div", any, {
-    withoutBox?: boolean | undefined;
-}, never>;
-export declare const ChatBoxHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ChatBoxBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ChatBoxFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MessageItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const WarningWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TypingCursor: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChatBoxWrapper: import("styled-components").StyledComponent<"div", any, {
+    withoutBox?: boolean | undefined;
+}, never>;
+export declare const ChatBoxHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChatBoxBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChatBoxFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MessageItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WarningWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TypingCursor: import("styled-components").StyledComponent<"div", any, {}, never>;