@gravity-ui/aikit 0.1.1 → 0.2.0

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

@@ -1,271 +0,0 @@
-import { __rest } from "tslib";
-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

@@ -1,7 +0,0 @@
-{
-    "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/ru.json

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

package/dist/src/demo/ContentWrapper/ContentWrapper.d.ts

@@ -1,4 +0,0 @@
-import './ContentWrapper.scss';
-type Props = React.PropsWithChildren<React.CSSProperties>;
-export declare function ContentWrapper(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/demo/ContentWrapper/ContentWrapper.js

@@ -1,9 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../utils/cn';
-import './ContentWrapper.scss';
-const b = cn('content-wrapper');
-export function ContentWrapper(props) {
-    const { children } = props, style = __rest(props, ["children"]);
-    return (_jsx("div", { className: b(), style: style, children: children }));
-}

package/dist/src/demo/ContentWrapper/index.d.ts

@@ -1 +0,0 @@
-export { ContentWrapper } from './ContentWrapper';

package/dist/src/demo/ContentWrapper/index.js

@@ -1 +0,0 @@
-export { ContentWrapper } from './ContentWrapper';

package/dist/src/demo/DocsDecorator/DocsDecorator.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { DocsContainerProps } from '@storybook/addon-docs';
-import './DocsDecorator.scss';
-export interface DocsDecoratorProps extends React.PropsWithChildren<DocsContainerProps> {
-}
-export declare function DocsDecorator({ children, context }: DocsDecoratorProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/demo/DocsDecorator/DocsDecorator.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MobileProvider, ThemeProvider, getThemeType } from '@gravity-ui/uikit';
-import { DocsContainer } from '@storybook/addon-docs';
-import { themes } from '../../../.storybook/theme';
-import { cn } from '../../utils/cn';
-import './DocsDecorator.scss';
-const b = cn('docs-decorator');
-export function DocsDecorator({ children, context }) {
-    // @ts-expect-error
-    const theme = context.store.userGlobals.globals.theme;
-    return (_jsx("div", { className: b(), children: _jsx(DocsContainer, { context: context, theme: themes[getThemeType(theme)], children: _jsx(ThemeProvider, { theme: theme, children: _jsx(MobileProvider, { mobile: false, children: children }) }) }) }));
-}

package/dist/src/demo/DocsDecorator/ThemeContext.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ThemeContext: React.Context<string>;

package/dist/src/demo/DocsDecorator/ThemeContext.js

@@ -1,2 +0,0 @@
-import React from 'react';
-export const ThemeContext = React.createContext('light');

package/dist/src/demo/Showcase/Showcase.d.ts

@@ -1,9 +0,0 @@
-import './Showcase.scss';
-type Props = React.PropsWithChildren<{
-    title?: string;
-    description?: React.ReactNode;
-    direction?: 'row' | 'column';
-    className?: string;
-}>;
-export declare function Showcase({ title, description, direction, className, children }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/demo/Showcase/Showcase.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../utils/cn';
-import './Showcase.scss';
-const b = cn('showcase');
-export function Showcase({ title, description, direction = 'row', className, children }) {
-    return (_jsxs("div", { className: b({ direction }, className), children: [title && _jsx("div", { className: b('title'), children: title }), description && _jsx("div", { className: b('description'), children: description }), _jsx("div", { className: b('content'), children: children })] }));
-}

package/dist/src/demo/Showcase/index.d.ts

@@ -1 +0,0 @@
-export { Showcase } from './Showcase';

package/dist/src/demo/Showcase/index.js

@@ -1 +0,0 @@
-export { Showcase } from './Showcase';

package/dist/src/demo/ShowcaseItem/ShowcaseItem.d.ts

@@ -1,7 +0,0 @@
-import './ShowcaseItem.scss';
-interface ShowcaseItemProps {
-    title: string;
-    children: React.ReactNode;
-}
-export declare function ShowcaseItem({ title, children }: ShowcaseItemProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/demo/ShowcaseItem/ShowcaseItem.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../utils/cn';
-import './ShowcaseItem.scss';
-const b = cn('showcase-item');
-export function ShowcaseItem({ title, children }) {
-    return (_jsxs("div", { className: b(), children: [_jsx("div", { className: b('title'), children: title }), _jsx("div", { className: b('content'), children: children })] }));
-}

package/dist/src/demo/ShowcaseItem/index.d.ts

@@ -1 +0,0 @@
-export { ShowcaseItem } from './ShowcaseItem';

package/dist/src/demo/ShowcaseItem/index.js

@@ -1 +0,0 @@
-export { ShowcaseItem } from './ShowcaseItem';

package/dist/src/demo/SwapArea/SwapArea.d.ts

@@ -1,2 +0,0 @@
-import './SwapArea.scss';
-export declare const SwapArea: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/demo/SwapArea/SwapArea.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { block } from '../../utils/cn';
-import './SwapArea.scss';
-const b = block('swap-area');
-export const SwapArea = () => {
-    return _jsx("div", { className: b(), children: "Swap Area" });
-};

package/dist/src/demo/SwapArea/index.d.ts

@@ -1 +0,0 @@
-export { SwapArea } from './SwapArea';

package/dist/src/demo/SwapArea/index.js

@@ -1 +0,0 @@
-export { SwapArea } from './SwapArea';