@gravity-ui/aikit 0.0.1

package/dist/src/components/templates/EmptyContainer/i18n/index.d.ts

@@ -0,0 +1,13 @@
+export declare const i18n: ((key: "show-more-button", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "show-more-button", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "show-more-button", params?: import("@gravity-ui/i18n").Params) => string;
+    };
+    keysetData: {
+        "g-aikit-EmptyContainer": Record<"show-more-button", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/dist/src/components/templates/EmptyContainer/i18n/index.js

@@ -0,0 +1,5 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}EmptyContainer`);

package/dist/src/components/templates/EmptyContainer/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+    "show-more-button": "Показать больше примеров"
+}

package/dist/src/components/templates/EmptyContainer/index.d.ts

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

package/dist/src/components/templates/EmptyContainer/index.js

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

package/dist/src/components/templates/History/ChatItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ChatType } from '../../../types';
+/**
+ * Props for ChatItem component
+ */
+export interface ChatItemProps {
+    chat: ChatType;
+    showActions: boolean;
+    onChatClick: (chat: ChatType) => void;
+    onDeleteClick?: (e: React.MouseEvent, chat: ChatType) => void;
+}
+/**
+ * Chat item component with hover state for actions
+ *
+ * @returns React element
+ */
+export declare function ChatItem({ chat, showActions, onChatClick, onDeleteClick }: ChatItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/templates/History/ChatItem.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { TrashBin } from '@gravity-ui/icons';
+import { Icon, Text } from '@gravity-ui/uikit';
+import { block } from '../../../utils/cn';
+import { ActionButton } from '../../atoms/ActionButton';
+import { i18n } from './i18n';
+const b = block('history');
+/**
+ * Chat item component with hover state for actions
+ *
+ * @returns React element
+ */
+export function ChatItem({ chat, showActions, onChatClick, onDeleteClick }) {
+    const [isHovered, setIsHovered] = React.useState(false);
+    const showDeleteButton = showActions && onDeleteClick && isHovered;
+    return (_jsxs("div", { className: b('chat-item'), onClick: () => onChatClick(chat), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [_jsx("div", { className: b('chat-content'), children: _jsx(Text, { variant: "body-1", children: chat.lastMessage || chat.name }) }), showDeleteButton && (_jsx(ActionButton, { view: "flat", size: "s", color: "secondary", className: b('delete-button'), onClick: (e) => onDeleteClick(e, chat), tooltipTitle: i18n('tooltip-delete'), children: _jsx(Icon, { className: b('icon-button'), data: TrashBin, size: 16 }) }))] }));
+}

package/dist/src/components/templates/History/DateHeaderItem.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Props for DateHeaderItem component
+ */
+export interface DateHeaderItemProps {
+    date: string;
+}
+/**
+ * Date header component for grouping chats
+ *
+ * @returns React element
+ */
+export declare function DateHeaderItem({ date }: DateHeaderItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/templates/History/DateHeaderItem.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { block } from '../../../utils/cn';
+import { ChatDate } from '../../atoms/ChatDate';
+const b = block('history');
+/**
+ * Date header component for grouping chats
+ *
+ * @returns React element
+ */
+export function DateHeaderItem({ date }) {
+    return (_jsx("div", { className: b('date-header'), children: _jsx(ChatDate, { date: new Date(date), relative: true }) }));
+}

package/dist/src/components/templates/History/History.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { DOMProps, QAProps } from '@gravity-ui/uikit';
+import { ChatType } from '../../../types';
+import { ChatFilterFunction } from '../../../utils/chatUtils';
+/**
+ * Props for the History component
+ */
+export interface HistoryProps extends QAProps, DOMProps {
+    /** Array of chat items */
+    chats: ChatType[];
+    /** Currently selected chat */
+    selectedChat?: ChatType | null;
+    /** Callback when a chat is selected */
+    onSelectChat?: (chat: ChatType) => void;
+    /** Callback when a chat is deleted */
+    onDeleteChat?: (chat: ChatType) => void;
+    /** Callback to load more chats */
+    onLoadMore?: () => void;
+    /** Whether there are more chats to load */
+    hasMore?: boolean;
+    /** Enable search functionality */
+    searchable?: boolean;
+    /** Group chats by date or none */
+    groupBy?: 'date' | 'none';
+    /** Show action buttons (delete, etc.) */
+    showActions?: boolean;
+    /** Empty state placeholder */
+    emptyPlaceholder?: React.ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Custom filter function for search */
+    filterFunction?: ChatFilterFunction;
+    /** Control popup open state */
+    open?: boolean;
+    /** Callback when popup open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Anchor element for the popup */
+    anchorElement: HTMLElement | null;
+}
+/**
+ * History component - wraps HistoryList in a Popup
+ *
+ * @param props - Component props
+ * @returns React component
+ */
+export declare function History(props: HistoryProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/templates/History/History.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popup } from '@gravity-ui/uikit';
+import { HistoryList } from './HistoryList';
+/**
+ * History component - wraps HistoryList in a Popup
+ *
+ * @param props - Component props
+ * @returns React component
+ */
+export function History(props) {
+    const { chats, selectedChat, onSelectChat, onDeleteChat, onLoadMore, hasMore = false, searchable = true, groupBy = 'date', showActions = true, emptyPlaceholder, className, qa, style, filterFunction, open = false, onOpenChange, anchorElement, } = props;
+    const handleChatClick = () => {
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
+    };
+    return (_jsx(Popup, { anchorElement: anchorElement, placement: "bottom-end", open: open, onOpenChange: onOpenChange, children: _jsx(HistoryList, { chats: chats, selectedChat: selectedChat, onSelectChat: onSelectChat, onDeleteChat: onDeleteChat, onLoadMore: onLoadMore, hasMore: hasMore, searchable: searchable, groupBy: groupBy, showActions: showActions, emptyPlaceholder: emptyPlaceholder, className: className, qa: qa, style: style, filterFunction: filterFunction, onChatClick: handleChatClick }) }));
+}

package/dist/src/components/templates/History/HistoryList.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { DOMProps, QAProps } from '@gravity-ui/uikit';
+import { ChatType } from '../../../types';
+import { ChatFilterFunction } from '../../../utils/chatUtils';
+import './History.scss';
+/**
+ * Props for the HistoryList component
+ */
+export interface HistoryListProps extends QAProps, DOMProps {
+    /** Array of chat items */
+    chats: ChatType[];
+    /** Currently selected chat */
+    selectedChat?: ChatType | null;
+    /** Callback when a chat is selected */
+    onSelectChat?: (chat: ChatType) => void;
+    /** Callback when a chat is deleted */
+    onDeleteChat?: (chat: ChatType) => void;
+    /** Callback to load more chats */
+    onLoadMore?: () => void;
+    /** Whether there are more chats to load */
+    hasMore?: boolean;
+    /** Enable search functionality */
+    searchable?: boolean;
+    /** Group chats by date or none */
+    groupBy?: 'date' | 'none';
+    /** Show action buttons (delete, etc.) */
+    showActions?: boolean;
+    /** Empty state placeholder */
+    emptyPlaceholder?: React.ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Custom filter function for search */
+    filterFunction?: ChatFilterFunction;
+    /** Callback when chat is clicked (for closing popup in parent) */
+    onChatClick?: (chat: ChatType) => void;
+}
+/**
+ * HistoryList component - displays a list of chats with search, grouping, and actions
+ *
+ * @param props - Component props
+ * @returns React component
+ */
+export declare function HistoryList(props: HistoryListProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/templates/History/HistoryList.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Button, List } from '@gravity-ui/uikit';
+import { defaultChatFilter, groupChatsByDate } from '../../../utils/chatUtils';
+import { block } from '../../../utils/cn';
+import { ChatItem } from './ChatItem';
+import { DateHeaderItem } from './DateHeaderItem';
+import { i18n } from './i18n';
+import './History.scss';
+const b = block('history');
+/**
+ * HistoryList component - displays a list of chats with search, grouping, and actions
+ *
+ * @param props - Component props
+ * @returns React component
+ */
+export function HistoryList(props) {
+    const { chats, selectedChat, onSelectChat, onDeleteChat, onLoadMore, hasMore = false, searchable = true, groupBy = 'date', showActions = true, emptyPlaceholder, className, qa, style, filterFunction = defaultChatFilter, onChatClick, } = props;
+    // Group chats if needed
+    const groupedChats = useMemo(() => {
+        if (groupBy === 'none') {
+            return new Map([['all', chats]]);
+        }
+        return groupChatsByDate(chats);
+    }, [chats, groupBy]);
+    // Convert grouped chats to list items
+    const listItems = useMemo(() => {
+        const items = [];
+        // Sort groups by date (newest first)
+        const sortedGroups = Array.from(groupedChats.entries()).sort(([dateA], [dateB]) => {
+            if (dateA === 'all')
+                return 0;
+            return new Date(dateB).getTime() - new Date(dateA).getTime();
+        });
+        sortedGroups.forEach(([dateKey, groupChats]) => {
+            // Skip empty groups (important for filtering)
+            if (groupChats.length === 0) {
+                return;
+            }
+            // Add date header for grouped view only if there are chats in this group
+            if (groupBy === 'date' && dateKey !== 'all') {
+                items.push({
+                    type: 'date-header',
+                    disabled: true,
+                    date: dateKey,
+                });
+            }
+            // Add chat items
+            groupChats.forEach((chat) => {
+                items.push(Object.assign({ type: 'chat' }, chat));
+            });
+        });
+        return items;
+    }, [groupedChats, groupBy]);
+    const selectedItemIndex = useMemo(() => {
+        return listItems.findIndex((item) => item.type === 'chat' && item.id === (selectedChat === null || selectedChat === void 0 ? void 0 : selectedChat.id));
+    }, [listItems, selectedChat]);
+    const handleChatClick = (chat) => {
+        onSelectChat === null || onSelectChat === void 0 ? void 0 : onSelectChat(chat);
+        onChatClick === null || onChatClick === void 0 ? void 0 : onChatClick(chat);
+    };
+    const handleDeleteClick = (e, chat) => {
+        e.stopPropagation();
+        onDeleteChat === null || onDeleteChat === void 0 ? void 0 : onDeleteChat(chat);
+    };
+    // Wrap filter function to hide date headers when filter is active
+    const wrappedFilterFunction = useMemo(() => {
+        return (filter) => {
+            const userFilter = filterFunction(filter);
+            return (item) => {
+                // Hide date headers when searching (they will be empty after chat filtering)
+                if (filter && item.type === 'date-header') {
+                    return false;
+                }
+                return userFilter(item);
+            };
+        };
+    }, [filterFunction]);
+    const renderItem = (item) => {
+        if (item.type === 'date-header') {
+            return _jsx(DateHeaderItem, { date: item.date }, `date-${item.date}`);
+        }
+        return (_jsx(ChatItem, { chat: item, showActions: showActions, onChatClick: handleChatClick, onDeleteClick: onDeleteChat ? handleDeleteClick : undefined }, item.id));
+    };
+    const emptyState = emptyPlaceholder || _jsx("div", { className: b('empty'), children: i18n('empty-state') });
+    return (_jsxs("div", { className: b('container', className), "data-qa": qa, style: style, children: [_jsx("div", { className: b('list-wrapper'), children: _jsx(List, { items: listItems, renderItem: renderItem, virtualized: false, filterable: searchable, filterItem: wrappedFilterFunction, filterPlaceholder: i18n('search-placeholder'), filterClassName: b('filter'), emptyPlaceholder: emptyState, selectedItemIndex: selectedItemIndex, itemsClassName: b('list'), itemClassName: b('list-item') }) }), hasMore && onLoadMore && (_jsx(Button, { view: "flat-action", size: "m", width: "max", onClick: onLoadMore, children: i18n('action-load-more') }))] }));
+}

package/dist/src/components/templates/History/__stories__/History.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import { History } from '..';
+declare const _default: Meta;
+export default _default;
+type Story = StoryObj<typeof History>;
+export declare const Playground: Story;
+export declare const WithSelectedChat: Story;
+export declare const WithLoadMore: Story;
+export declare const WithoutSearch: Story;
+export declare const WithoutGrouping: Story;
+export declare const WithoutActions: Story;
+export declare const EmptyState: Story;
+export declare const WithLoadMoreAndDelete: Story;
+export declare const Interactive: Story;
+export declare const WithCustomEmptyPlaceholder: Story;
+export declare const WithCustomFilter: Story;
+export declare const NotForceOpen: Story;

package/dist/src/components/templates/History/__stories__/History.stories.js

@@ -0,0 +1,281 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { ClockArrowRotateLeft } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
+import { History } from '..';
+import { ContentWrapper } from '../../../../demo/ContentWrapper';
+import { ActionButton } from '../../../atoms/ActionButton';
+import MDXDocs from './Docs.mdx';
+export default {
+    title: 'templates/History',
+    component: History,
+    parameters: {
+        docs: {
+            page: MDXDocs,
+        },
+    },
+};
+// Generate mock chats
+const generateMockChats = (count) => {
+    const now = new Date();
+    const chats = [];
+    for (let i = 0; i < count; i++) {
+        const daysAgo = Math.floor(i / 3); // Group 3 chats per day
+        const date = new Date(now);
+        date.setDate(date.getDate() - daysAgo);
+        chats.push({
+            id: `chat-${i}`,
+            name: `Chat ${i + 1}`,
+            createTime: date.toISOString(),
+            lastMessage: i % 3 === 0
+                ? `Looooooooong last message for example ellipsis from chat ${i + 1}`
+                : `Last message from chat ${i + 1}`,
+            metadata: {},
+        });
+    }
+    return chats;
+};
+const mockChats = generateMockChats(15);
+function HistoryWithTrigger(_a) {
+    var { initialOpen = true } = _a, props = __rest(_a, ["initialOpen"]);
+    const [open, setOpen] = useState(initialOpen);
+    const anchorRef = useRef(null);
+    return (_jsxs("div", { style: { paddingLeft: '400px' }, children: [_jsx(ActionButton, { ref: anchorRef, view: "flat", size: "m", onClick: () => setOpen(!open), tooltipTitle: "Chat History", children: _jsx(Icon, { data: ClockArrowRotateLeft, size: 16 }) }), _jsx(History, Object.assign({}, props, { open: open, onOpenChange: setOpen, anchorElement: anchorRef.current }))] }));
+}
+const defaultDecorators = [
+    (Story) => (_jsx(ContentWrapper, { width: "600px", height: "800px", children: _jsx(Story, {}) })),
+];
+export const Playground = {
+    args: {
+        chats: mockChats,
+        searchable: true,
+        groupBy: 'date',
+        showActions: true,
+        onSelectChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Selected chat:', chat);
+        },
+        onDeleteChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Delete chat:', chat);
+        },
+    },
+    render: (args) => _jsx(HistoryWithTrigger, Object.assign({}, args)),
+    decorators: defaultDecorators,
+};
+export const WithSelectedChat = {
+    args: {
+        chats: mockChats,
+        selectedChat: mockChats[2],
+        searchable: true,
+        groupBy: 'date',
+        showActions: true,
+        onSelectChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Selected chat:', chat);
+        },
+    },
+    render: (args) => _jsx(HistoryWithTrigger, Object.assign({}, args)),
+    decorators: defaultDecorators,
+};
+export const WithLoadMore = {
+    args: {
+        searchable: true,
+        groupBy: 'date',
+        showActions: true,
+        onSelectChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Selected chat:', chat);
+        },
+    },
+    render: (args) => {
+        const [chats, setChats] = useState(mockChats.slice(0, 6));
+        const [hasMore, setHasMore] = useState(true);
+        const handleLoadMore = () => {
+            // eslint-disable-next-line no-console
+            console.log('Loading more chats...');
+            const currentLength = chats.length;
+            const nextChats = mockChats.slice(0, currentLength + 6);
+            setChats(nextChats);
+            if (nextChats.length >= mockChats.length) {
+                setHasMore(false);
+            }
+        };
+        return (_jsx(HistoryWithTrigger, Object.assign({}, args, { chats: chats, hasMore: hasMore, onLoadMore: handleLoadMore })));
+    },
+    decorators: defaultDecorators,
+};
+export const WithoutSearch = {
+    args: {
+        chats: mockChats,
+        searchable: false,
+        groupBy: 'date',
+        showActions: true,
+        onSelectChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Selected chat:', chat);
+        },
+    },
+    render: (args) => _jsx(HistoryWithTrigger, Object.assign({}, args)),
+    decorators: defaultDecorators,
+};
+export const WithoutGrouping = {
+    args: {
+        chats: mockChats,
+        searchable: true,
+        groupBy: 'none',
+        showActions: true,
+        onSelectChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Selected chat:', chat);
+        },
+    },
+    render: (args) => _jsx(HistoryWithTrigger, Object.assign({}, args)),
+    decorators: defaultDecorators,
+};
+export const WithoutActions = {
+    args: {
+        chats: mockChats,
+        searchable: true,
+        groupBy: 'date',
+        showActions: false,
+        onSelectChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Selected chat:', chat);
+        },
+    },
+    render: (args) => _jsx(HistoryWithTrigger, Object.assign({}, args)),
+    decorators: defaultDecorators,
+};
+export const EmptyState = {
+    args: {
+        chats: [],
+        searchable: true,
+        groupBy: 'date',
+        showActions: true,
+    },
+    render: (args) => _jsx(HistoryWithTrigger, Object.assign({}, args)),
+    decorators: defaultDecorators,
+};
+export const WithLoadMoreAndDelete = {
+    args: {
+        chats: mockChats,
+        searchable: true,
+        groupBy: 'date',
+        showActions: true,
+        hasMore: true,
+        onSelectChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Selected chat:', chat);
+        },
+        onDeleteChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Delete chat:', chat);
+        },
+        onLoadMore: () => {
+            // eslint-disable-next-line no-console
+            console.log('Load more chats');
+        },
+    },
+    render: (args) => _jsx(HistoryWithTrigger, Object.assign({}, args)),
+    decorators: defaultDecorators,
+};
+export const Interactive = {
+    args: {
+        searchable: true,
+        groupBy: 'date',
+        showActions: true,
+    },
+    render: (args) => {
+        const [chats, setChats] = useState(mockChats);
+        const [selectedChat, setSelectedChat] = useState(null);
+        const handleDeleteChat = (chat) => {
+            setChats((prev) => prev.filter((c) => c.id !== chat.id));
+            if ((selectedChat === null || selectedChat === void 0 ? void 0 : selectedChat.id) === chat.id) {
+                setSelectedChat(null);
+            }
+        };
+        return (_jsx(HistoryWithTrigger, Object.assign({}, args, { chats: chats, selectedChat: selectedChat, onSelectChat: setSelectedChat, onDeleteChat: handleDeleteChat })));
+    },
+    decorators: defaultDecorators,
+};
+export const WithCustomEmptyPlaceholder = {
+    args: {
+        chats: [],
+        searchable: true,
+        groupBy: 'date',
+        showActions: true,
+        emptyPlaceholder: (_jsxs("div", { style: {
+                padding: '40px',
+                color: '#999',
+                width: '100%',
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+                justifyContent: 'center',
+            }, children: [_jsx("div", { style: {
+                        fontSize: '48px',
+                        height: '48px',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        marginBottom: '16px',
+                    }, children: "\uD83D\uDCAC" }), _jsx("div", { style: {
+                        fontSize: '16px',
+                        fontWeight: 'bold',
+                        marginBottom: '8px',
+                    }, children: "No conversations yet" }), _jsx("div", { style: { fontSize: '14px' }, children: "Start a new chat to begin" })] })),
+    },
+    render: (args) => _jsx(HistoryWithTrigger, Object.assign({}, args)),
+    decorators: defaultDecorators,
+};
+export const WithCustomFilter = {
+    args: {
+        chats: mockChats,
+        searchable: true,
+        groupBy: 'date',
+        showActions: true,
+        onSelectChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Selected chat:', chat);
+        },
+        // Custom filter that searches only in chat names (not in messages)
+        filterFunction: (filter) => (item) => {
+            if (item.type === 'date-header') {
+                return true;
+            }
+            return item.name.toLowerCase().includes(filter.toLowerCase());
+        },
+    },
+    render: (args) => _jsx(HistoryWithTrigger, Object.assign({}, args)),
+    decorators: defaultDecorators,
+};
+export const NotForceOpen = {
+    args: {
+        chats: mockChats,
+        searchable: true,
+        groupBy: 'date',
+        showActions: true,
+        onSelectChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Selected chat:', chat);
+        },
+        onDeleteChat: (chat) => {
+            // eslint-disable-next-line no-console
+            console.log('Delete chat:', chat);
+        },
+    },
+    render: (args) => _jsx(HistoryWithTrigger, Object.assign({ initialOpen: false }, args)),
+    decorators: defaultDecorators,
+};

package/dist/src/components/templates/History/i18n/en.json

@@ -0,0 +1,7 @@
+{
+    "action-load-more": "Load earlier conversations",
+    "search-placeholder": "Search your chats",
+    "empty-state": "No chats found",
+    "tooltip-history": "Chat history",
+    "tooltip-delete": "Delete"
+}

package/dist/src/components/templates/History/i18n/index.d.ts

@@ -0,0 +1,13 @@
+export declare const i18n: ((key: "action-load-more" | "search-placeholder" | "empty-state" | "tooltip-history" | "tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "action-load-more" | "search-placeholder" | "empty-state" | "tooltip-history" | "tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "action-load-more" | "search-placeholder" | "empty-state" | "tooltip-history" | "tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string;
+    };
+    keysetData: {
+        "g-aikit-History": Record<"action-load-more" | "search-placeholder" | "empty-state" | "tooltip-history" | "tooltip-delete", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/dist/src/components/templates/History/i18n/index.js

@@ -0,0 +1,5 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}History`);

package/dist/src/components/templates/History/i18n/ru.json

@@ -0,0 +1,7 @@
+{
+    "action-load-more": "Загрузить еще",
+    "search-placeholder": "Поиск по чатам",
+    "empty-state": "Чаты не найдены",
+    "tooltip-history": "История чатов",
+    "tooltip-delete": "Удалить"
+}

package/dist/src/components/templates/History/index.d.ts

@@ -0,0 +1,8 @@
+export { History } from './History';
+export type { HistoryProps } from './History';
+export { HistoryList } from './HistoryList';
+export type { HistoryListProps } from './HistoryList';
+export { ChatItem } from './ChatItem';
+export type { ChatItemProps } from './ChatItem';
+export { DateHeaderItem } from './DateHeaderItem';
+export type { DateHeaderItemProps } from './DateHeaderItem';

package/dist/src/components/templates/History/index.js

@@ -0,0 +1,4 @@
+export { History } from './History';
+export { HistoryList } from './HistoryList';
+export { ChatItem } from './ChatItem';
+export { DateHeaderItem } from './DateHeaderItem';

package/dist/src/components/templates/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ChatContent';
+export * from './EmptyContainer';
+export * from './History';

package/dist/src/components/templates/index.js

@@ -0,0 +1,4 @@
+// Export all templates
+export * from './ChatContent';
+export * from './EmptyContainer';
+export * from './History';

package/dist/src/constants/index.d.ts

@@ -0,0 +1 @@
+export declare const RELATIVE_DATE_THRESHOLD = 7;