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

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

@@ -0,0 +1,131 @@
+export declare const getAnswerStories: ({ component, componentConfig, components, decorators }: any) => {
+    meta: {
+        title: string;
+        component: any;
+        decorators: any;
+        parameters: {
+            controls: {
+                disableSaveFromUI: boolean;
+            };
+        };
+        argTypes: {
+            storyContainerWidth: {
+                description: string;
+                control: {
+                    type: string;
+                };
+            };
+            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;
+                };
+            };
+            contentVariant: {
+                description: string;
+                options: string[];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            isLoading: {
+                description: string;
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            loaderTitle: {
+                description: string;
+                control: string;
+                table: {
+                    category: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            isError: {
+                description: string;
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            errorTitle: {
+                description: string;
+                control: string;
+                table: {
+                    category: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            errorDescription: {
+                description: string;
+                control: string;
+                table: {
+                    category: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+        };
+        args: {
+            storyContainerWidth: number;
+            view: string;
+            size: string;
+            title: string;
+            contentVariant: string;
+            isLoading: boolean;
+            loaderTitle: string;
+            isError: boolean;
+            errorTitle: string;
+            errorDescription: string;
+        };
+    };
+    Default: {
+        render: (args: any) => JSX.Element;
+    };
+};

package/lib/components/_ai/Answer/Answer.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 getAnswerStories = function (_a) {
+    var component = _a.component, componentConfig = _a.componentConfig, components = _a.components, decorators = _a.decorators;
+    var meta = createMeta({ component: component, componentConfig: getConfigVariations(componentConfig), decorators: decorators });
+    var Story = createDefaultStory(component, components);
+    return { meta: meta, Default: { render: function (args) { return React.createElement(Story, __assign({}, args)); } } };
+};
+//# sourceMappingURL=Answer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Answer.js","sourceRoot":"","sources":["../../../../src/components/_ai/Answer/Answer.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;IACxD,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/Answer/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,126 @@
+export declare const createMeta: ({ component, componentConfig, decorators }: any) => {
+    title: string;
+    component: any;
+    decorators: any;
+    parameters: {
+        controls: {
+            disableSaveFromUI: boolean;
+        };
+    };
+    argTypes: {
+        storyContainerWidth: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        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;
+            };
+        };
+        contentVariant: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        isLoading: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        loaderTitle: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        isError: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        errorTitle: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        errorDescription: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+    };
+    args: {
+        storyContainerWidth: number;
+        view: string;
+        size: string;
+        title: string;
+        contentVariant: string;
+        isLoading: boolean;
+        loaderTitle: string;
+        isError: boolean;
+        errorTitle: string;
+        errorDescription: string;
+    };
+};

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

@@ -0,0 +1,88 @@
+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 contentVariants = ['placeholder', 'text', 'gallery'];
+    return {
+        title: 'AI Kit/Answer',
+        component: component,
+        decorators: decorators,
+        parameters: {
+            controls: {
+                disableSaveFromUI: true,
+            },
+        },
+        argTypes: __assign({ storyContainerWidth: {
+                description: 'Ширина контейнера стори (только для демонстрации)',
+                control: { type: 'number' },
+            }, 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' },
+            }, contentVariant: {
+                description: 'Вариант контента для демонстрации',
+                options: contentVariants,
+                control: { type: 'select' },
+                table: { category: 'content-related' },
+            }, isLoading: {
+                description: 'Состояние загрузки',
+                control: { type: 'boolean' },
+                table: { category: 'loading-related' },
+                if: { arg: 'isError', truthy: false },
+            }, loaderTitle: {
+                description: 'Заголовок при загрузке',
+                control: 'text',
+                table: { category: 'loading-related' },
+                if: { arg: 'isError', truthy: false },
+            }, isError: {
+                description: 'Состояние ошибки',
+                control: { type: 'boolean' },
+                table: { category: 'error-related' },
+                if: { arg: 'isLoading', truthy: false },
+            }, errorTitle: {
+                description: 'Заголовок при ошибке',
+                control: 'text',
+                table: { category: 'error-related' },
+                if: { arg: 'isLoading', truthy: false },
+            }, errorDescription: {
+                description: 'Подпись при ошибке',
+                control: 'text',
+                table: { category: 'error-related' },
+                if: { arg: 'isLoading', truthy: false },
+            } }, disableProps(['title', 'content', 'footer', 'customLoader', 'customError'])),
+        args: {
+            storyContainerWidth: 800,
+            view: 'default',
+            size: 'm',
+            title: 'Заголовок ответа',
+            contentVariant: 'placeholder',
+            isLoading: false,
+            loaderTitle: 'Генерирую ответ...',
+            isError: false,
+            errorTitle: 'Произошла ошибка',
+            errorDescription: 'Не удалось получить ответ. Попробуйте ещё раз.',
+        },
+    };
+};
+//# sourceMappingURL=meta.js.map

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

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

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

@@ -0,0 +1 @@
+export declare const createDefaultStory: (Answer: any, Components: any) => ({ storyContainerWidth, contentVariant, ...args }: any) => JSX.Element;

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

@@ -0,0 +1,129 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 styled from 'styled-components';
+import { IconCopyOutline, IconHeartDashOutline, IconHeartOutline, IconRefresh } from '@salutejs/plasma-icons';
+export var createDefaultStory = function (Answer, Components) {
+    var Flow = Components.Flow, Button = Components.Button, Chip = Components.Chip, ChipGroup = Components.ChipGroup, EmbedIconButton = Components.EmbedIconButton;
+    /* stylelint-disable */
+    var ContentPlaceholder = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        width: 100%;\n        height: 240px;\n        background: linear-gradient(to right, #9747ff 0.063rem, transparent 0.063rem) 0 0,\n            linear-gradient(to right, #9747ff 0.063rem, transparent 0.063rem) 0 100%,\n            linear-gradient(to left, #9747ff 0.063rem, transparent 0.063rem) 100% 0,\n            linear-gradient(to left, #9747ff 0.063rem, transparent 0.063rem) 100% 100%,\n            linear-gradient(to bottom, #9747ff 0.063rem, transparent 0.063rem) 0 0,\n            linear-gradient(to bottom, #9747ff 0.063rem, transparent 0.063rem) 100% 0,\n            linear-gradient(to top, #9747ff 0.063rem, transparent 0.063rem) 0 100%,\n            linear-gradient(to top, #9747ff 0.063rem, transparent 0.063rem) 100% 100%;\n\n        background-repeat: no-repeat;\n        background-size: 0.5rem 0.5rem;\n\n        position: relative;\n\n        &:before {\n            content: '\u041A\u043E\u043D\u0442\u0435\u043D\u0442';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            color: #9747ff;\n            font-family: var(--plasma-typo-body-xs-font-family);\n            font-style: var(--plasma-typo-body-xs-font-style);\n            font-weight: var(--plasma-typo-body-xs-font-weight);\n            font-size: var(--plasma-typo-body-xs-font-size);\n            line-height: var(--plasma-typo-body-xs-line-height);\n            letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n        }\n    "], ["\n        width: 100%;\n        height: 240px;\n        background: linear-gradient(to right, #9747ff 0.063rem, transparent 0.063rem) 0 0,\n            linear-gradient(to right, #9747ff 0.063rem, transparent 0.063rem) 0 100%,\n            linear-gradient(to left, #9747ff 0.063rem, transparent 0.063rem) 100% 0,\n            linear-gradient(to left, #9747ff 0.063rem, transparent 0.063rem) 100% 100%,\n            linear-gradient(to bottom, #9747ff 0.063rem, transparent 0.063rem) 0 0,\n            linear-gradient(to bottom, #9747ff 0.063rem, transparent 0.063rem) 100% 0,\n            linear-gradient(to top, #9747ff 0.063rem, transparent 0.063rem) 0 100%,\n            linear-gradient(to top, #9747ff 0.063rem, transparent 0.063rem) 100% 100%;\n\n        background-repeat: no-repeat;\n        background-size: 0.5rem 0.5rem;\n\n        position: relative;\n\n        &:before {\n            content: '\u041A\u043E\u043D\u0442\u0435\u043D\u0442';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            color: #9747ff;\n            font-family: var(--plasma-typo-body-xs-font-family);\n            font-style: var(--plasma-typo-body-xs-font-style);\n            font-weight: var(--plasma-typo-body-xs-font-weight);\n            font-size: var(--plasma-typo-body-xs-font-size);\n            line-height: var(--plasma-typo-body-xs-line-height);\n            letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n        }\n    "])));
+    /* stylelint-enable */
+    var ImagePlaceholder = function () { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMinYMin slice", viewBox: "1 0.5 8 8", style: { width: '100px', height: '100px', borderRadius: '1rem', background: 'var(--text-tertiary)' } },
+        React.createElement("path", { stroke: "#fff", strokeDasharray: 1, d: "M1 1h7M2 2h7M1 3h7M2 4h7M1 5h7M2 6h7M1 7h7M2 8h7" }))); };
+    var Gallery = function () {
+        return (React.createElement(Flow, { orientation: "horizontal", arrangement: "start", mainAxisGap: "8px", crossAxisGap: "8px" }, Array.from({ length: 8 }, function (_, i) { return (React.createElement(ImagePlaceholder, { key: i })); })));
+    };
+    var ActionGroup = function (_a) {
+        var size = _a.size;
+        var actionSize = function () {
+            switch (size) {
+                case 's':
+                case 'xs':
+                    return 's';
+                default:
+                    return 'm';
+            }
+        };
+        var actionIconSize = function () {
+            switch (size) {
+                case 's':
+                case 'xs':
+                    return 'xs';
+                default:
+                    return 's';
+            }
+        };
+        var IconsArray = [
+            React.createElement(IconHeartOutline, { color: "inherit", size: actionIconSize() }),
+            React.createElement(IconHeartDashOutline, { color: "inherit", size: actionIconSize() }),
+            React.createElement(IconCopyOutline, { color: "inherit", size: actionIconSize() }),
+            React.createElement(IconRefresh, { color: "inherit", size: actionIconSize() }),
+        ];
+        return (React.createElement(Flow, { orientation: "horizontal", arrangement: "start", mainAxisGap: "8px", crossAxisGap: "8px" }, IconsArray.map(function (Icon, i) { return (React.createElement(EmbedIconButton, { size: actionSize(), view: "secondary", key: i }, Icon)); })));
+    };
+    var ButtonGroup = function (_a) {
+        var size = _a.size;
+        var buttonSize = function () {
+            switch (size) {
+                case 'xl':
+                    return 'm';
+                case 'l':
+                case 'm':
+                    return 's';
+                case 's':
+                case 'xs':
+                    return 'xs';
+                default:
+                    return 's';
+            }
+        };
+        return (React.createElement(Flow, { orientation: "horizontal", arrangement: "spaceBetween", alignment: "center", mainAxisGap: "8px", style: {
+                width: '100%',
+            } },
+            React.createElement(ActionGroup, { size: size }),
+            React.createElement(Button, { size: buttonSize(), view: "secondary" }, "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A")));
+    };
+    var Suggestions = function (_a) {
+        var size = _a.size;
+        var chipGroupSize = function () {
+            switch (size) {
+                case 'xl':
+                    return 'l';
+                case 'l':
+                    return 'm';
+                case 'm':
+                    return 's';
+                case 's':
+                case 'xs':
+                    return 'xs';
+                default:
+                    return 's';
+            }
+        };
+        return (React.createElement(ChipGroup, { size: chipGroupSize(), gap: "wide", style: { flexDirection: 'column', width: 'fit-content' } }, Array.from({ length: 3 }, function (_, i) { return (React.createElement(Chip, { key: i, text: "\u0412\u0430\u0440\u0438\u0430\u043D\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F ".concat(i), hasClear: false, pilled: true })); })));
+    };
+    var Footer = function (_a) {
+        var size = _a.size;
+        return (React.createElement(Flow, { orientation: "vertical", mainAxisGap: "20px" },
+            React.createElement(ButtonGroup, { size: size }),
+            React.createElement(Suggestions, { size: size })));
+    };
+    var contentVariantMap = {
+        placeholder: React.createElement(ContentPlaceholder, null),
+        gallery: React.createElement(Gallery, null),
+        text: 'Это содержимое ответа. Здесь может быть любой текст или React-элементы.',
+    };
+    var StoryDefault = function (_a) {
+        var _b;
+        var storyContainerWidth = _a.storyContainerWidth, contentVariant = _a.contentVariant, args = __rest(_a, ["storyContainerWidth", "contentVariant"]);
+        return (React.createElement("div", { style: { width: "".concat(storyContainerWidth, "px"), maxWidth: '100%' } },
+            React.createElement(Answer, __assign({}, args, { content: contentVariantMap[contentVariant], footer: React.createElement(Footer, { size: (_b = args.size) !== null && _b !== void 0 ? _b : 'm' }) }))));
+    };
+    return StoryDefault;
+};
+var templateObject_1;
+//# sourceMappingURL=stories.js.map

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

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