@salutejs/plasma-sb-utils 0.233.0-next-sbcom.0 → 0.234.0-dev.0

package/lib/components/_ai/Container/stories.js

@@ -0,0 +1,243 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useEffect, useRef, useState } from 'react';
+import { IconBlankDocOutline, IconClose, IconCopyOutline, IconEditOutline, IconHeartDashOutline, IconHeartOutline, IconPlasma, IconRefresh, } from '@salutejs/plasma-icons';
+export var createDefaultStory = function (Components) {
+    var Container = Components.Container, Header = Components.Header, Input = Components.Input, Answer = Components.Answer, UserMessage = Components.UserMessage, IconButton = Components.IconButton, Button = Components.Button, EmbedIconButton = Components.EmbedIconButton, Flow = Components.Flow, Chip = Components.Chip, ChipGroup = Components.ChipGroup;
+    var aiResponses = [
+        'Конечно! Вот краткий ответ на ваш вопрос. Я постараюсь помочь вам разобраться в этой теме максимально понятно.',
+        'Это очень интересный вопрос. Позвольте объяснить подробнее — здесь есть несколько важных нюансов.',
+        'Я понял ваш запрос. Вот что могу сказать по этой теме: всё зависит от контекста и конкретных условий.',
+        'Отличный вопрос! Давайте разберём его по шагам, чтобы вы получили наиболее полное представление.',
+        'Рад помочь! Ответ на ваш вопрос достаточно прост, если посмотреть на него под правильным углом.',
+    ];
+    var formatFileSize = function (bytes) {
+        if (bytes < 1024)
+            return "".concat(bytes, " \u0411");
+        if (bytes < 1024 * 1024)
+            return "".concat((bytes / 1024).toFixed(1), " \u041A\u0411");
+        return "".concat((bytes / (1024 * 1024)).toFixed(1), " \u041C\u0411");
+    };
+    var getHeaderButtonSize = function (size) {
+        switch (size) {
+            case 'xl':
+                return 'l';
+            case 'l':
+                return 'm';
+            case 'm':
+                return 's';
+            case 's':
+            case 'xs':
+                return 'xs';
+            default:
+                return 's';
+        }
+    };
+    var getHeaderIconSize = function (size) {
+        return size === 'xs' || size === 's' ? 'xs' : 's';
+    };
+    var getInputButtonSize = function (size) {
+        switch (size) {
+            case 'xl':
+                return 'l';
+            case 'l':
+                return 'm';
+            case 'm':
+                return 's';
+            case 's':
+            case 'xs':
+                return 'xs';
+            default:
+                return 's';
+        }
+    };
+    var getInputIconSize = function (size) {
+        return size === 'xs' || size === 's' ? 'xs' : 's';
+    };
+    // Размеры для кнопок действий в UserMessage
+    var getUserMessageButtonSize = function (size) {
+        switch (size) {
+            case 'xl':
+            case 'l':
+                return 'm';
+            case 'm':
+                return 's';
+            case 's':
+                return 'xs';
+            case 'xs':
+                return 'xxs';
+            default:
+                return 's';
+        }
+    };
+    // Размеры для EmbedIconButton и иконок в Answer/UserMessage
+    var getEmbedButtonSize = function (size) {
+        return size === 's' || size === 'xs' ? 's' : 'm';
+    };
+    var getEmbedIconSize = function (size) {
+        return size === 's' || size === 'xs' ? 'xs' : 's';
+    };
+    // Размеры для кнопки в Answer footer
+    var getAnswerButtonSize = function (size) {
+        switch (size) {
+            case 'xl':
+                return 'm';
+            case 'l':
+            case 'm':
+                return 's';
+            case 's':
+            case 'xs':
+                return 'xs';
+            default:
+                return 's';
+        }
+    };
+    // Размеры для ChipGroup в Answer footer
+    var getChipGroupSize = function (size) {
+        switch (size) {
+            case 'xl':
+                return 'l';
+            case 'l':
+                return 'm';
+            case 'm':
+                return 's';
+            case 's':
+            case 'xs':
+                return 'xs';
+            default:
+                return 's';
+        }
+    };
+    var AnswerFooter = function (_a) {
+        var size = _a.size;
+        return (React.createElement(Flow, { orientation: "vertical", mainAxisGap: "20px" },
+            React.createElement(Flow, { orientation: "horizontal", arrangement: "spaceBetween", alignment: "center", mainAxisGap: "8px", style: { width: '100%' } },
+                React.createElement(Flow, { orientation: "horizontal", arrangement: "start", mainAxisGap: "8px", crossAxisGap: "8px" }, [IconHeartOutline, IconHeartDashOutline, IconCopyOutline, IconRefresh].map(function (Icon, i) { return (React.createElement(EmbedIconButton, { key: i, size: getEmbedButtonSize(size), view: "secondary" },
+                    React.createElement(Icon, { color: "inherit", size: getEmbedIconSize(size) }))); })),
+                React.createElement(Button, { size: getAnswerButtonSize(size), view: "secondary" }, "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A")),
+            React.createElement(ChipGroup, { size: getChipGroupSize(size), gap: "wide", style: { flexDirection: 'column', width: 'fit-content' } }, ['Расскажи подробнее', 'Приведи пример', 'Что ещё почитать?'].map(function (label, i) { return (React.createElement(Chip, { key: i, text: label, hasClear: false, pilled: true, style: { width: 'fit-content' } })); }))));
+    };
+    var StoryDefault = function (_a) {
+        var view = _a.view, size = _a.size, footerCaptionAlign = _a.footerCaptionAlign, headerView = _a.headerView, headerTextAlign = _a.headerTextAlign, headerHasDivider = _a.headerHasDivider, headerTitle = _a.headerTitle, headerDescription = _a.headerDescription, inputMode = _a.inputMode, inputPlaceholder = _a.inputPlaceholder, inputSubmitOnEnter = _a.inputSubmitOnEnter, inputClearOnSubmit = _a.inputClearOnSubmit, inputMinRows = _a.inputMinRows, inputMaxRows = _a.inputMaxRows, answerLoaderTitle = _a.answerLoaderTitle, userMessageView = _a.userMessageView, userMessageAttachmentsView = _a.userMessageAttachmentsView, userMessageMaxRows = _a.userMessageMaxRows;
+        var _b = useState([]), messages = _b[0], setMessages = _b[1];
+        var _c = useState(false), inputLoading = _c[0], setInputLoading = _c[1];
+        var _d = useState([]), attachments = _d[0], setAttachments = _d[1];
+        var _e = useState(null), editingMessageId = _e[0], setEditingMessageId = _e[1];
+        var _f = useState(''), editingValue = _f[0], setEditingValue = _f[1];
+        var contentRef = useRef(null);
+        var fileInputRef = useRef(null);
+        var textAreaRef = useRef(null);
+        var nextId = useRef(0);
+        var scrollToBottom = function () {
+            if (contentRef.current) {
+                contentRef.current.scrollTop = contentRef.current.scrollHeight;
+            }
+        };
+        useEffect(function () {
+            scrollToBottom();
+        }, [messages]);
+        var handleFileChange = function (e) {
+            var files = Array.from(e.target.files || []);
+            var newAttachments = files.map(function (file) {
+                var isImage = file.type.startsWith('image/');
+                return {
+                    id: "".concat(file.name, "-").concat(Date.now(), "-").concat(Math.random()),
+                    type: isImage ? 'image' : 'file',
+                    label: file.name,
+                    size: formatFileSize(file.size),
+                    thumbUrl: isImage ? URL.createObjectURL(file) : undefined,
+                };
+            });
+            setAttachments(function (prev) { return __spreadArray(__spreadArray([], prev, true), newAttachments, true); });
+            e.target.value = '';
+        };
+        var handleAttachmentRemove = function (attachment) {
+            setAttachments(function (prev) { return prev.filter(function (a) { return a.id !== attachment.id; }); });
+        };
+        var handleEditBegin = function (msgId, currentText) {
+            setEditingValue(currentText);
+            setEditingMessageId(msgId);
+            setTimeout(function () {
+                if (textAreaRef.current) {
+                    textAreaRef.current.focus();
+                    textAreaRef.current.setSelectionRange(currentText.length, currentText.length);
+                }
+            });
+        };
+        var handleEditComplete = function (msgId) {
+            setMessages(function (prev) { return prev.map(function (msg) { return (msg.id === msgId ? __assign(__assign({}, msg), { text: editingValue }) : msg); }); });
+            setEditingMessageId(null);
+            setEditingValue('');
+        };
+        var handleEditCancel = function () {
+            setEditingMessageId(null);
+            setEditingValue('');
+        };
+        var handleSend = function (value) {
+            if (!value.trim() && attachments.length === 0)
+                return;
+            var snapshot = attachments;
+            setAttachments([]);
+            var userMsgId = nextId.current++;
+            setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [
+                { id: userMsgId, type: 'user', text: value, attachments: snapshot.length > 0 ? snapshot : undefined },
+            ], false); });
+            setInputLoading(true);
+            var answerMsgId = nextId.current++;
+            setTimeout(function () {
+                setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [{ id: answerMsgId, type: 'answer', text: '', isLoading: true }], false); });
+            }, 300);
+            setTimeout(function () {
+                var randomResponse = aiResponses[Math.floor(Math.random() * aiResponses.length)];
+                setMessages(function (prev) {
+                    return prev.map(function (msg) {
+                        return msg.id === answerMsgId ? __assign(__assign({}, msg), { text: randomResponse, isLoading: false }) : msg;
+                    });
+                });
+                setInputLoading(false);
+            }, 2000);
+        };
+        var renderUserMessageActions = function (msg) {
+            var isEditing = editingMessageId === msg.id;
+            var iconSize = getEmbedIconSize(size);
+            if (isEditing) {
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(Button, { view: "default", size: getUserMessageButtonSize(size), onClick: handleEditCancel }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                    React.createElement(Button, { view: "accent", size: getUserMessageButtonSize(size), onClick: function () { return handleEditComplete(msg.id); } }, "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C")));
+            }
+            return (React.createElement(React.Fragment, null,
+                [IconPlasma, IconCopyOutline, IconHeartOutline].map(function (Icon, i) { return (React.createElement(EmbedIconButton, { key: i, size: getEmbedButtonSize(size), view: "secondary" },
+                    React.createElement(Icon, { size: iconSize, color: "inherit" }))); }),
+                React.createElement(EmbedIconButton, { size: getEmbedButtonSize(size), view: "secondary", onClick: function () { return handleEditBegin(msg.id, msg.text); } },
+                    React.createElement(IconEditOutline, { size: iconSize, color: "inherit" }))));
+        };
+        return (React.createElement("div", { style: { width: '100%', height: 'calc(100vh - 2rem)' } },
+            React.createElement("input", { ref: fileInputRef, type: "file", multiple: true, style: { display: 'none' }, onChange: handleFileChange }),
+            React.createElement(Container, { size: size, view: view, header: React.createElement(Header, { view: headerView, size: size, textAlign: headerTextAlign, hasDivider: headerHasDivider, title: headerTitle, description: headerDescription, style: { paddingRight: '1rem', paddingLeft: '1rem' }, actionBefore: React.createElement(IconButton, { view: "clear", size: getHeaderButtonSize(size) },
+                        React.createElement(IconPlasma, { size: getHeaderIconSize(size), color: "inherit" })), actionAfter: React.createElement(IconButton, { view: "clear", size: getHeaderButtonSize(size) },
+                        React.createElement(IconClose, { size: getHeaderIconSize(size), color: "inherit" })) }), content: React.createElement(React.Fragment, null, messages.map(function (msg) {
+                    return msg.type === 'user' ? (React.createElement(UserMessage, { key: msg.id, value: editingMessageId === msg.id ? editingValue : msg.text, size: size, view: userMessageView, attachments: msg.attachments, attachmentsView: userMessageAttachmentsView, maxRows: userMessageMaxRows, isEditing: editingMessageId === msg.id, textAreaRef: editingMessageId === msg.id ? textAreaRef : undefined, onEdit: function (e) { return setEditingValue(e.target.value); }, actions: renderUserMessageActions(msg) })) : (React.createElement(Answer, { key: msg.id, size: size, view: "default", content: msg.text, isLoading: msg.isLoading, loaderTitle: answerLoaderTitle, footer: msg.isLoading ? undefined : React.createElement(AnswerFooter, { size: size }) }));
+                })), contentRef: contentRef, footer: React.createElement(Input, { size: size, mode: inputMode, placeholder: inputPlaceholder, loading: inputLoading, submitOnEnter: inputSubmitOnEnter, clearOnSubmit: inputClearOnSubmit, minRows: inputMinRows, maxRows: inputMaxRows, attachments: attachments, onAttachmentRemove: handleAttachmentRemove, actionBefore: React.createElement(IconButton, { view: "clear", size: getInputButtonSize(size), onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); } },
+                        React.createElement(IconBlankDocOutline, { size: getInputIconSize(size), color: "inherit" })), onSend: handleSend }), footerCaption: "AI \u043C\u043E\u0436\u0435\u0442 \u0434\u043E\u043F\u0443\u0441\u043A\u0430\u0442\u044C \u043E\u0448\u0438\u0431\u043A\u0438. \u041F\u0440\u043E\u0432\u0435\u0440\u044F\u0439\u0442\u0435 \u0432\u0430\u0436\u043D\u0443\u044E \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044E.", footerCaptionAlign: footerCaptionAlign })));
+    };
+    return StoryDefault;
+};
+//# sourceMappingURL=stories.js.map

package/lib/components/_ai/Container/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../src/components/_ai/Container/stories.tsx"],"names":[],"mappings":"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"}

package/lib/components/_ai/Header/Header.d.ts

@@ -0,0 +1,94 @@
+export declare const getHeaderStories: ({ component, componentConfig, IconButton, decorators }: any) => {
+    meta: {
+        title: string;
+        component: any;
+        decorators: any;
+        parameters: {
+            docs: {
+                source: {
+                    type: string;
+                };
+            };
+        };
+        argTypes: {
+            view: {
+                description: string;
+                options: any;
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            size: {
+                description: string;
+                options: any;
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            title: {
+                description: string;
+                control: string;
+                table: {
+                    category: string;
+                };
+            };
+            description: {
+                description: string;
+                control: string;
+                table: {
+                    category: string;
+                };
+            };
+            textAlign: {
+                description: string;
+                options: readonly ["start", "center"];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            hasDivider: {
+                description: string;
+                control: string;
+                table: {
+                    category: string;
+                };
+            };
+            hasActionBefore: {
+                description: string;
+                control: string;
+                table: {
+                    category: string;
+                };
+            };
+            hasActionAfter: {
+                description: string;
+                control: string;
+                table: {
+                    category: string;
+                };
+            };
+        };
+        args: {
+            view: string;
+            size: string;
+            title: string;
+            description: string;
+            textAlign: string;
+            hasDivider: boolean;
+            hasActionBefore: boolean;
+            hasActionAfter: boolean;
+        };
+    };
+    Default: {
+        render: (args: any) => JSX.Element;
+    };
+};

package/lib/components/_ai/Header/Header.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { getConfigVariations } from '../../../helpers';
+import { createMeta } from './meta';
+import { createDefaultStory } from './stories';
+export var getHeaderStories = function (_a) {
+    var component = _a.component, componentConfig = _a.componentConfig, IconButton = _a.IconButton, decorators = _a.decorators;
+    var meta = createMeta({ component: component, componentConfig: getConfigVariations(componentConfig), decorators: decorators });
+    var Story = createDefaultStory(component, IconButton);
+    return { meta: meta, Default: { render: function (args) { return React.createElement(Story, __assign({}, args)); } } };
+};
+//# sourceMappingURL=Header.js.map

package/lib/components/_ai/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/_ai/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAA2D;QAAzD,SAAS,eAAA,EAAE,eAAe,qBAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA;IACjF,IAAM,IAAI,GAAG,UAAU,CAAC,EAAE,SAAS,WAAA,EAAE,eAAe,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;IAC1G,IAAM,KAAK,GAAG,kBAAkB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAExD,OAAO,EAAE,IAAI,MAAA,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,KAAK,eAAK,IAAI,EAAI,EAAnB,CAAmB,EAAE,EAAE,CAAC;AAC7E,CAAC,CAAC"}

package/lib/components/_ai/Header/index.d.ts

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

package/lib/components/_ai/Header/index.js

@@ -0,0 +1,2 @@
+export * from './Header';
+//# sourceMappingURL=index.js.map

package/lib/components/_ai/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/_ai/Header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/components/_ai/Header/meta.d.ts

@@ -0,0 +1,89 @@
+export declare const createMeta: ({ component, componentConfig, decorators }: any) => {
+    title: string;
+    component: any;
+    decorators: any;
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+            };
+        };
+    };
+    argTypes: {
+        view: {
+            description: string;
+            options: any;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        size: {
+            description: string;
+            options: any;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        title: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        description: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        textAlign: {
+            description: string;
+            options: readonly ["start", "center"];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hasDivider: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        hasActionBefore: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        hasActionAfter: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+    args: {
+        view: string;
+        size: string;
+        title: string;
+        description: string;
+        textAlign: string;
+        hasDivider: boolean;
+        hasActionBefore: boolean;
+        hasActionAfter: boolean;
+    };
+};

package/lib/components/_ai/Header/meta.js

@@ -0,0 +1,76 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { disableProps } from '../../../index';
+export var createMeta = function (_a) {
+    var component = _a.component, componentConfig = _a.componentConfig, _b = _a.decorators, decorators = _b === void 0 ? [] : _b;
+    var views = componentConfig.views, sizes = componentConfig.sizes;
+    var textAligns = ['start', 'center'];
+    return {
+        title: 'AI Kit/Header',
+        component: component,
+        decorators: decorators,
+        parameters: {
+            docs: {
+                source: {
+                    type: 'code',
+                },
+            },
+        },
+        argTypes: __assign({ view: {
+                description: 'Вид компонента',
+                options: views,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, size: {
+                description: 'Размер компонента',
+                options: sizes,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, title: {
+                description: 'Заголовок',
+                control: 'text',
+                table: { category: 'content-related' },
+            }, description: {
+                description: 'Подзаголовок / описание',
+                control: 'text',
+                table: { category: 'content-related' },
+            }, textAlign: {
+                description: 'Выравнивание текстового контента',
+                options: textAligns,
+                control: { type: 'select' },
+                table: { category: 'content-related' },
+            }, hasDivider: {
+                description: 'Показывать разделитель',
+                control: 'boolean',
+                table: { category: 'layout-related' },
+            }, hasActionBefore: {
+                description: 'Показывать контент перед заголовком (иконка, аватар и т.п.)',
+                control: 'boolean',
+                table: { category: 'story-related' },
+            }, hasActionAfter: {
+                description: 'Показывать контент после заголовка (кнопка закрытия и т.п.)',
+                control: 'boolean',
+                table: { category: 'story-related' },
+            } }, disableProps(['actionBefore', 'actionAfter'])),
+        args: {
+            view: 'default',
+            size: 'xl',
+            title: 'AI Chat',
+            description: 'SubTitle',
+            textAlign: 'start',
+            hasDivider: false,
+            hasActionBefore: true,
+            hasActionAfter: true,
+        },
+    };
+};
+//# sourceMappingURL=meta.js.map

package/lib/components/_ai/Header/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../../src/components/_ai/Header/meta.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAoD;QAAlD,SAAS,eAAA,EAAE,eAAe,qBAAA,EAAE,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA;IAC5D,IAAA,KAAK,GAAY,eAAe,MAA3B,EAAE,KAAK,GAAK,eAAe,MAApB,CAAqB;IACzC,IAAM,UAAU,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU,CAAC;IAEhD,OAAO;QACH,KAAK,EAAE,eAAe;QACtB,SAAS,WAAA;QACT,UAAU,YAAA;QACV,UAAU,EAAE;YACR,IAAI,EAAE;gBACF,MAAM,EAAE;oBACJ,IAAI,EAAE,MAAM;iBACf;aACJ;SACJ;QACD,QAAQ,aACJ,IAAI,EAAE;gBACF,WAAW,EAAE,gBAAgB;gBAC7B,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;aACnC,EACD,IAAI,EAAE;gBACF,WAAW,EAAE,mBAAmB;gBAChC,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;aACnC,EACD,KAAK,EAAE;gBACH,WAAW,EAAE,WAAW;gBACxB,OAAO,EAAE,MAAM;gBACf,KAAK,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE;aACzC,EACD,WAAW,EAAE;gBACT,WAAW,EAAE,yBAAyB;gBACtC,OAAO,EAAE,MAAM;gBACf,KAAK,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE;aACzC,EACD,SAAS,EAAE;gBACP,WAAW,EAAE,kCAAkC;gBAC/C,OAAO,EAAE,UAAU;gBACnB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE;aACzC,EACD,UAAU,EAAE;gBACR,WAAW,EAAE,wBAAwB;gBACrC,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE;aACxC,EACD,eAAe,EAAE;gBACb,WAAW,EAAE,6DAA6D;gBAC1E,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;aACvC,EACD,cAAc,EAAE;gBACZ,WAAW,EAAE,6DAA6D;gBAC1E,OAAO,EAAE,SAAS;gBAClB,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;aACvC,IACE,YAAY,CAAC,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CACnD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,UAAU;YACvB,SAAS,EAAE,OAAO;YAClB,UAAU,EAAE,KAAK;YACjB,eAAe,EAAE,IAAI;YACrB,cAAc,EAAE,IAAI;SACvB;KACJ,CAAC;AACN,CAAC,CAAC"}

package/lib/components/_ai/Header/stories.d.ts

@@ -0,0 +1 @@
+export declare const createDefaultStory: (Header: any, IconButton: any) => (args: any) => JSX.Element;

package/lib/components/_ai/Header/stories.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 React from 'react';
+import { IconClose, IconPlasma } from '@salutejs/plasma-icons';
+var getButtonSize = function (size) {
+    return ({ xl: 'l', h2: 'l', l: 'm', h3: 'm', m: 's', h4: 's', s: 'xs', h5: 'xs' }[size || ''] || size);
+};
+export var createDefaultStory = function (Header, IconButton) { return function (args) {
+    var size = args.size, hasActionBefore = args.hasActionBefore, hasActionAfter = args.hasActionAfter, rest = __rest(args, ["size", "hasActionBefore", "hasActionAfter"]);
+    var iconSize = size === 'xs' || size === 's' || size === 'h5' ? 'xs' : 's';
+    return (React.createElement("div", { style: { width: '22rem' } },
+        React.createElement(Header, __assign({}, rest, { size: size, actionBefore: hasActionBefore ? (React.createElement(IconButton, { view: "clear", size: getButtonSize(size) },
+                React.createElement(IconPlasma, { size: iconSize, color: "inherit" }))) : null, actionAfter: hasActionAfter ? (React.createElement(IconButton, { view: "clear", size: getButtonSize(size) },
+                React.createElement(IconClose, { size: iconSize, color: "inherit" }))) : null }))));
+}; };
+//# sourceMappingURL=stories.js.map

package/lib/components/_ai/Header/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../src/components/_ai/Header/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAE/D,IAAM,aAAa,GAAG,UAAC,IAAa;IAChC,OAAA,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC;AAA/F,CAA+F,CAAC;AAEpG,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,MAAW,EAAE,UAAe,IAAK,OAAA,UAAC,IAAS;IAClE,IAAA,IAAI,GAA+C,IAAI,KAAnD,EAAE,eAAe,GAA8B,IAAI,gBAAlC,EAAE,cAAc,GAAc,IAAI,eAAlB,EAAK,IAAI,UAAK,IAAI,EAAzD,6CAAkD,CAAF,CAAU;IAChE,IAAM,QAAQ,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAE7E,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;QAC1B,oBAAC,MAAM,eACC,IAAI,IACR,IAAI,EAAE,IAAI,EACV,YAAY,EACR,eAAe,CAAC,CAAC,CAAC,CACd,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC;gBAC9C,oBAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,GAAG,CACrC,CAChB,CAAC,CAAC,CAAC,IAAI,EAEZ,WAAW,EACP,cAAc,CAAC,CAAC,CAAC,CACb,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC;gBAC9C,oBAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,GAAG,CACpC,CAChB,CAAC,CAAC,CAAC,IAAI,IAEd,CACA,CACT,CAAC;AACN,CAAC,EA1BmE,CA0BnE,CAAC"}