profinansy-ui-lib 3.3.60 → 3.3.62

package/dist/components/uikit/Bubbles/Bubbles.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bubbles = void 0;
+const react_1 = __importDefault(require("react"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const Content_1 = require("./components/Content/Content");
+const WithScroll_1 = require("./components/WithScroll/WithScroll");
+const Bubbles = (props) => {
+    const { scroll = 'base' } = props;
+    const { mode: theme } = (0, ThemeProvider_1.useMode)();
+    if (scroll === 'none') {
+        return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[theme] },
+            react_1.default.createElement(Content_1.Content, Object.assign({}, props))));
+    }
+    return react_1.default.createElement(WithScroll_1.WithScroll, Object.assign({}, props));
+};
+exports.Bubbles = Bubbles;
+//# sourceMappingURL=Bubbles.js.map

package/dist/components/uikit/Bubbles/Bubbles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubbles.js","sourceRoot":"","sources":["../../../../src/components/uikit/Bubbles/Bubbles.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,gEAAsD;AACtD,4DAAoD;AACpD,yDAAiD;AACjD,0DAAsD;AACtD,mEAA+D;AAE/D,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,CAAA;IAEjC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAEjC,IAAI,MAAM,KAAK,MAAM,EAAE;QACrB,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,KAAK,CAAC;YAClC,8BAAC,iBAAO,oBAAK,KAAK,EAAI,CACR,CACjB,CAAA;KACF;IAED,OAAO,8BAAC,uBAAU,oBAAK,KAAK,EAAI,CAAA;AAClC,CAAC,CAAA;AAEQ,0BAAO"}

package/dist/components/uikit/Bubbles/Bubbles.stories.js

@@ -0,0 +1,144 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bubbles = void 0;
+const react_1 = __importStar(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Bubbles_1 = require("./Bubbles");
+const Remove_svg_1 = __importDefault(require("../../../icons/Remove.svg"));
+const Card_1 = require("../Card");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const Typography_1 = require("../Typography");
+exports.default = {
+    title: 'Components/Bubbles',
+    component: Bubbles_1.Bubbles,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=7223-104089&mode=dev'
+        }
+    }
+};
+const Bubbles = () => {
+    const data = [
+        { label: 'Акции', value: 'stock' },
+        { label: 'Облигации', value: 'bonds' },
+        { label: 'ETF', value: 'etfs' },
+        { label: 'Криптовалюта', value: 'crypto' },
+        { label: 'Индексы', value: 'index' }
+    ];
+    const dataWithIconLeft = [
+        { label: 'Акции', value: 'stock', iconLeft: react_1.default.createElement(Remove_svg_1.default, null) },
+        { label: 'Облигации', value: 'bonds', iconLeft: react_1.default.createElement(Remove_svg_1.default, null) },
+        { label: 'ETF', value: 'etfs', iconLeft: react_1.default.createElement(Remove_svg_1.default, null) },
+        { label: 'Криптовалюта', value: 'crypto', iconLeft: react_1.default.createElement(Remove_svg_1.default, null) },
+        { label: 'Индексы', value: 'index', iconLeft: react_1.default.createElement(Remove_svg_1.default, null) }
+    ];
+    const dataWithIconRight = [
+        { label: 'Акции', value: 'stock', iconRight: react_1.default.createElement(Remove_svg_1.default, null) },
+        { label: 'Облигации', value: 'bonds', iconRight: react_1.default.createElement(Remove_svg_1.default, null) },
+        { label: 'ETF', value: 'etfs', iconRight: react_1.default.createElement(Remove_svg_1.default, null) },
+        { label: 'Криптовалюта', value: 'crypto', iconRight: react_1.default.createElement(Remove_svg_1.default, null) },
+        { label: 'Индексы', value: 'index', iconRight: react_1.default.createElement(Remove_svg_1.default, null) }
+    ];
+    const dataWithCountCounter = [
+        { label: 'Акции', value: 'stock', dataCount: 1 },
+        { label: 'Облигации', value: 'bonds', dataCount: 25 },
+        { label: 'ETF', value: 'etfs', dataCount: 99 }
+    ];
+    const data1 = [
+        { label: 'Акции', value: 'stock' },
+        { label: 'Облигации', value: 'bonds' },
+        { label: 'ETF', value: 'etfs' },
+        { label: 'Криптовалюта', value: 'crypto' },
+        { label: 'Индексы', value: 'index' },
+        { label: 'Валюта', value: 'currency' },
+        { label: 'Фьючерсы', value: 'futures' },
+        { label: 'Опционы', value: 'options' },
+        { label: 'Металлы', value: 'metals' }
+    ];
+    const [value1, setValue1] = (0, react_1.useState)(null);
+    const [value2, setValue2] = (0, react_1.useState)('bonds');
+    const [value3, setValue3] = (0, react_1.useState)('stock');
+    const [value4, setValue4] = (0, react_1.useState)('stock');
+    const [value5, setValue5] = (0, react_1.useState)('stock');
+    const [value6, setValue6] = (0, react_1.useState)([]);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Bubbles"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0432\u044B\u0431\u043E\u0440\u0430 \u0440\u0435\u043D\u0434\u0430\u0440\u0438\u043D\u0433\u0430 \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u0438\u043B\u0438 \u0434\u043B\u044F \u0444\u0438\u043B\u044C\u0442\u0440\u0430\u0446\u0438\u0438." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Bubbles_1.Bubbles, { options: data, selectedValue: value1, onChange: setValue1 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0438\u0434\u044B Bubbles"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u0442\u044C \u0434\u0432\u0430 \u0432\u0438\u0434\u0430 Bubbles: <b>support</b> \u0438 <b>base</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F <b>base</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Bubbles_1.Bubbles, { options: data, selectedValue: value2, onChange: setValue2, mode: "support" }),
+            react_1.default.createElement(Bubbles_1.Bubbles, { options: data, selectedValue: value3, onChange: setValue3, style: { marginTop: '20px' } })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043B\u043E\u0442\u044B \u0434\u043B\u044F \u043A\u0430\u0441\u0442\u043E\u043C\u0438\u0437\u0430\u0446\u0438\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "Bubbles \u043C\u043E\u0433\u0443\u0442 \u0441\u043E\u0434\u0435\u0440\u0436\u0430\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0438 \u0438\u043A\u043E\u043D\u043A\u0443.\n        \u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0438\u043A\u043E\u043D\u043A\u0443 \u0441\u043F\u0440\u0430\u0432\u0430 \u0438\u043B\u0438 \u0438\u043A\u043E\u043D\u043A\u0443 \u0441\u043B\u0435\u0432\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 <b>iconLeft</b> \u0438 <b>iconRight</b>.\n        \u0415\u0441\u043B\u0438 \u0442\u0435\u043A\u0441\u0442\u0430 \u043D\u0435\u0442 \u2014 \u0431\u0443\u0434\u0435\u0442 \u043E\u0442\u0440\u0438\u0441\u043E\u0432\u0430\u043D\u0430 \u043A\u0432\u0430\u0434\u0440\u0430\u0442\u043D\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Bubbles_1.Bubbles, { options: dataWithIconLeft, selectedValue: value4, onChange: setValue4, mode: "support" }),
+            react_1.default.createElement(Bubbles_1.Bubbles, { options: dataWithIconRight, selectedValue: value4, onChange: setValue4, style: { marginTop: '20px' } })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "Counter \u0432\u043D\u0443\u0442\u0440\u0438 Bubbles"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043E\u0442\u043E\u0431\u0440\u0430\u0437\u0438\u0442\u044C \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043D\u0430\u0439\u0434\u0435\u043D\u044B\u0445/\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u043C\u044B\u0445 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432. \u041C\u043E\u0436\u043D\u043E \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0434\u0432\u0430 \u0440\u0435\u0436\u0438\u043C\u0430 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0447\u0438\u0441\u0435\u043B: \u0432\u0432\u0435\u0440\u0445\u0443 \u0447\u0435\u0440\u0435\u0437\n      \u0438 \u0432 Counter. \u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0430\u0434\u043E \u043E\u0442\u043E\u0431\u0440\u0430\u0437\u0438\u0442\u044C \u0447\u0438\u0441\u043B\u0430 \u0432\u0432\u0435\u0440\u0445\u0443 (\u043E\u0431\u044B\u0447\u043D\u043E \u0434\u043B\u044F \u0431\u043E\u043B\u044C\u0448\u0438\u0445 \u0447\u0438\u0441\u0435\u043B), \u0442\u043E \u043F\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>isDataCountTop</b>. \u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0430\u0434\u043E\n      \u043E\u0442\u043E\u0431\u0440\u0430\u0437\u0438\u0442\u044C \u0447\u0438\u0441\u043B\u043E\u0432  \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0435 Counter, \u0442\u043E \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>counterType</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0435\u043D\u0438\u044E \u043E\u043D\u043E \u0440\u0430\u0432\u043D\u043E <b>brand</b>.\n      " }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Bubbles_1.Bubbles, { isDataCountTop: true, options: dataWithCountCounter, selectedValue: value5, onChange: setValue5, mode: "support" }),
+            react_1.default.createElement(Bubbles_1.Bubbles, { counterType: "notification", mode: "support", options: dataWithCountCounter, selectedValue: value5, onChange: setValue5, style: { marginTop: '20px' } })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041C\u0443\u043B\u044C\u0442\u0438 \u0432\u044B\u0431\u043E\u0440"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043E\u0433\u0434\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C Bubbles \u0434\u043B\u044F \u0432\u044B\u0431\u043E\u0440\u0430 \u043A\u0430\u043A\u0438\u0445-\u043B\u0438\u0431\u043E \u0444\u0438\u043B\u044C\u0442\u0440\u043E\u0432 \u0438 \u0432 \u0442\u0430\u043A\u043E\u043C \u0441\u043B\u0443\u0447\u0430\u0435 \u043C\u043E\u0436\u0435\u0442 \u043F\u0440\u0435\u0434\u043F\u043E\u043B\u0430\u0433\u0430\u0442\u044C\u0441\u044F \u043C\u0443\u043B\u044C\u0442\u0438 \u0432\u044B\u0431\u043E\u0440.\n        \u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0435\u0433\u043E \u043F\u0440\u043E\u043A\u0438\u043D\u0443\u0432 \u043F\u0440\u043E\u043F\u0441 <b>multi</b>\n      " }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Bubbles_1.Bubbles, { multi: true, options: data, selectedValue: value6, onChange: setValue6 })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043A\u0440\u043E\u043B\u043B"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0423 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430 \u043C\u043E\u0436\u0435\u0442 \u0431\u044B\u0442\u044C \u0434\u0432\u0430 \u0432\u0438\u0434\u0430 \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430, \u043A\u043E\u0433\u0434\u0430 \u043E\u043D \u043D\u0435 \u0432\u043B\u0435\u0437\u0430\u0435\u0442 \u0432 \u0441\u0442\u0440\u043E\u043A\u0443. \u041F\u0435\u0440\u0432\u044B\u0439, \u043A\u043E\u043D\u0442\u0435\u043D\u0442 \u0431\u0443\u0434\u0435\u0442 \u0441\u043A\u0440\u044B\u0432\u0430\u0442\u044C\u0441\u044F\n      \u0437\u0430 \u043D\u0435\u0432\u0438\u0434\u0438\u043C\u0443\u044E \u043E\u0431\u043B\u0430\u0441\u0442\u044C \u0438 \u0441\u043A\u0440\u043E\u043B\u043B\u0438\u0442\u044C\u0441\u044F. \u041E\u043D \u043D\u0438\u043A\u043E\u0433\u0434\u0430 \u043D\u0435 \u043F\u0435\u0440\u0435\u0439\u0434\u0435\u0442 \u043D\u0430 \u0432\u0442\u043E\u0440\u0443\u044E \u0441\u0442\u0440\u043E\u043A\u0443. \u041F\u0440\u0438 \u044D\u0442\u043E\u043C \u044D\u0442\u043E\u0442 \u0441\u043F\u043E\u0441\u043E\u0431 \u0440\u0430\u0437\u0434\u0435\u043B\u044F\u0435\u0442\u0441\u044F \u043D\u0430 \u0434\u0432\u0430 \u0440\u0430\u0437\u043D\u044B\u0445 \u0432\u0438\u0437\u0443\u0430\u043B\u044C\u043D\u044B\u0445 \u0442\u0438\u043F\u0430:\n      <b>base</b> \u0438 <b>content</b>. \u041F\u0435\u0440\u0432\u044B\u0439 \u0441\u043B\u0435\u0434\u0443\u0435\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C, \u043A\u043E\u0433\u0434\u0430 Bubble \u0443 \u0432\u0430\u0441 \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D \u043D\u0430 \u0444\u043E\u043D\u0430 <b>Primary</b>, \u0432\u0442\u043E\u0440\u043E\u0439 - \u043D\u0430 \u0444\u043E\u043D\u0435 <b>Content</b>.\n      \u0412\u0442\u043E\u0440\u043E\u0439 \u0442\u0438\u043F \u0440\u0430\u0441\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u044F Bubbles - \u043E\u043D\u0438 \u0431\u0443\u0434\u0443\u0442 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u0438\u0442\u044C\u0441\u044F \u043D\u0430 \u0432\u0442\u043E\u0440\u0443\u044E \u0441\u0442\u0440\u043E\u043A\u0443 \u0431\u0435\u0437 \u0441\u043A\u0440\u043E\u043B\u043B\u0430. \u0414\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0441\u043B\u0443\u0447\u0430\u0435 \u0432 \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430\n      <b>scroll</b> \u043F\u0440\u043E\u043A\u0438\u043D\u044C\u0442\u0435 <b>none</b>\n      " }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: {
+                    padding: '16px',
+                    maxWidth: '600px',
+                    background: theme_const_1.palette[mode].background.primary
+                } },
+                react_1.default.createElement(Typography_1.Typography, { variant: "header5-Bold", tag: "div", paddingBottom: "12px", color: theme_const_1.palette[mode].text.primary }, "\u0421\u043A\u0440\u043E\u043B\u043B base"),
+                react_1.default.createElement(Bubbles_1.Bubbles, { options: data1, selectedValue: value5, onChange: setValue5, mode: "support" })),
+            react_1.default.createElement("div", { style: { maxWidth: '600px', marginTop: '16px' } },
+                react_1.default.createElement(Card_1.Card, { title: "\u0421\u043A\u0440\u043E\u043B\u043B content" },
+                    react_1.default.createElement(Bubbles_1.Bubbles, { scroll: "content", options: data1, selectedValue: value5, onChange: setValue5, mode: "support" }))),
+            react_1.default.createElement("div", { style: { maxWidth: '600px', marginTop: '16px' } },
+                react_1.default.createElement(Card_1.Card, { title: "\u0411\u0435\u0437 \u0441\u043A\u0440\u043E\u043B\u043B\u0430" },
+                    react_1.default.createElement(Bubbles_1.Bubbles, { scroll: "none", options: data1, selectedValue: value5, onChange: setValue5, mode: "support" })))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0413\u043E\u0440\u0438\u0437\u043E\u043D\u0442\u0430\u043B\u044C\u043D\u044B\u0435 \u043E\u0442\u0441\u0442\u0443\u043F\u044B \u043F\u0440\u0438 \u0441\u043A\u0440\u043E\u043B\u043B\u0435"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0443 \u0432\u0430\u0441 \u0432\u044B\u0431\u0440\u0430\u043D \u0442\u0438\u043F \u0441\u043A\u0440\u043E\u043B\u043B\u0430 <b>base</b> \u0438\u043B\u0438 <b>content</b>, \u0442\u043E Bubbles \u0431\u0443\u0434\u0443\u0442 \u0432\u044B\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044C\u0441\u044F \u0432 \u043E\u0434\u043D\u0443 \u0441\u0442\u0440\u043E\u043A\u0443. \u041F\u0440\u0438 \u044D\u0442\u043E\u043C\n      \u043D\u0430 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u0438\u0438 <b>960px</b> \u0438 \u043C\u0435\u043D\u044C\u0448\u0435 \u0431\u043E\u043A\u043E\u0432\u0430\u044F \u0441\u0442\u0440\u0435\u043B\u043A\u0430 \u0438 \u0437\u0430\u0442\u0435\u043C\u043D\u0435\u043D\u0438\u0435 \u0443\u0431\u0438\u0440\u0430\u044E\u0442\u0441\u044F. \u0414\u043B\u044F \u043B\u0443\u0447\u0448\u0435\u0433\u043E UX \u0432\u0430\u0448\u0438 \u0442\u0430\u0431\u044B \u043D\u0430 \u044D\u0442\u0438\u0445 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u0438\u044F\u0445 \u0434\u043E\u043B\u0436\u043D\u044B \u043F\u043B\u043E\u0442\u043D\u043E\n      \u043F\u0440\u0438\u043C\u044B\u043A\u0430\u0442\u044C \u043A \u043A\u0440\u0430\u044F\u043C, \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0441\u0434\u0435\u043B\u0430\u043D\u043E \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>mobileIndent</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043E\u043D\u043E \u0440\u0430\u0432\u043D\u043E 16 - \u0441\u0442\u0430\u043D\u0434\u0430\u0440\u0442\u043D\u043E\u0433\u043E \u043F\u0430\u0434\u0434\u0438\u043D\u0433\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { maxWidth: '600px' } },
+                react_1.default.createElement(Card_1.Card, { title: "\u0421\u043A\u0440\u043E\u043B\u043B content", subtitle: "\u0414\u043B\u044F \u0432\u0438\u0434\u0438\u043C\u043E\u0441\u0442\u0438 \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u0430, \u0432\u043A\u043B\u044E\u0447\u0438\u0442\u0435 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u0438\u0435 \u043C\u0435\u043D\u0435\u0435 960px." },
+                    react_1.default.createElement(Bubbles_1.Bubbles, { scroll: "content", options: data1, selectedValue: value5, onChange: setValue5, mode: "support" }))))));
+};
+exports.Bubbles = Bubbles;
+//# sourceMappingURL=Bubbles.stories.js.map

package/dist/components/uikit/Bubbles/Bubbles.stories.js.map

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

package/dist/components/uikit/Bubbles/Bubbles.styled.js

@@ -0,0 +1,168 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Counts = exports.IconRight = exports.IconLeft = exports.Button = exports.Container = exports.RightButton = exports.LeftButton = exports.Mute = exports.Wrapper = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+const Bubbles_const_1 = require("./Bubbles.const");
+const SwiperButton_1 = require("../SwiperButton");
+const common_1 = require("../../../constants/common");
+const showAnimation = (0, styled_components_1.keyframes) `
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`;
+exports.Wrapper = styled_components_1.default.div `
+  max-width: 100%;
+  position: relative;
+`;
+exports.Mute = styled_components_1.default.div `
+  height: 36px;
+  width: 181px;
+  z-index: 5;
+  position: absolute;
+  top: 0;
+  pointer-events: none;
+  animation: ${showAnimation} 0.2s ${animation_2.AnimationFunctions.animation_1} forwards;
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    display: none;
+  }
+  ${(props) => props.isLeft
+    ? (0, styled_components_1.css) `
+          left: 0;
+          background: ${(props) => props.scroll === 'base'
+        ? props.theme.gradient.gradient_1
+        : props.theme.gradient.gradient_2};
+        `
+    : (0, styled_components_1.css) `
+          right: 0;
+          background: ${(props) => props.scroll === 'base'
+        ? props.theme.gradient.gradient_3
+        : props.theme.gradient.gradient_4};
+        `}
+`;
+exports.LeftButton = (0, styled_components_1.default)(SwiperButton_1.SwiperButton) `
+  position: absolute;
+  left: 0;
+  top: 2px;
+  z-index: 10;
+  animation: ${showAnimation} 0.2s ${animation_2.AnimationFunctions.animation_1} forwards;
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    display: none;
+  }
+`;
+exports.RightButton = (0, styled_components_1.default)(SwiperButton_1.SwiperButton) `
+  position: absolute;
+  right: 0;
+  top: 2px;
+  z-index: 10;
+  animation: ${showAnimation} 0.2s ${animation_2.AnimationFunctions.animation_1} forwards;
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    display: none;
+  }
+`;
+exports.Container = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: ${(props) => (props.scroll === 'none' ? 'wrap' : 'nowrap')};
+  overflow-x: auto;
+
+  -ms-overflow-style: none; /* IE и Edge */
+  scrollbar-width: none; /* Firefox */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  ${(props) => props.mode === 'support' &&
+    (0, styled_components_1.css) `
+      padding-bottom: 20px;
+      margin-bottom: -20px;
+    `};
+  @media (max-width: ${common_1.TABLET_WIDTH}px) {
+    ${(props) => props.scroll !== 'none' &&
+    (0, styled_components_1.css) `
+        padding-right: ${(props) => `${props.mobileIndent}px`};
+        margin-right: ${(props) => `-${props.mobileIndent}px`};
+        padding-left: ${(props) => `${props.mobileIndent}px`};
+        margin-left: ${(props) => `-${props.mobileIndent}px`};
+      `}
+  }
+`;
+exports.Button = styled_components_1.default.button `
+  font-family: 'Manrope', sans-serif;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${(props) => `0px ${props.isIconRight ? '10px' : '14px'} 0px ${props.isIconLeft ? '10px' : '14px'}`};
+  height: 36px;
+  border: ${(props) => `1px solid ${(0, Bubbles_const_1.getMode)(props.theme, props.isActive)[props.mode].default.border}`};
+  background: ${(props) => (0, Bubbles_const_1.getMode)(props.theme, props.isActive)[props.mode].default.background};
+  border-radius: 24px;
+  color: ${(props) => (0, Bubbles_const_1.getMode)(props.theme, props.isActive)[props.mode].default.color};
+  cursor: pointer;
+  white-space: nowrap;
+  box-shadow: ${(props) => (0, Bubbles_const_1.getMode)(props.theme, props.isActive)[props.mode].default.boxShadow};
+  transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`}; 
+    & path {
+        fill: ${(props) => (0, Bubbles_const_1.getMode)(props.theme, props.isActive)[props.mode].default.iconColor};
+    };
+  &:hover {
+    background: ${(props) => (0, Bubbles_const_1.getMode)(props.theme, props.isActive)[props.mode].hover.background};
+    box-shadow: ${(props) => (0, Bubbles_const_1.getMode)(props.theme, props.isActive)[props.mode].hover.boxShadow};
+    color: ${(props) => (0, Bubbles_const_1.getMode)(props.theme, props.isActive)[props.mode].hover.color};
+    border: ${(props) => `1px solid ${(0, Bubbles_const_1.getMode)(props.theme, props.isActive)[props.mode].hover.border}`};
+      & path {
+          fill: ${(props) => (0, Bubbles_const_1.getMode)(props.theme, props.isActive)[props.mode].hover.iconColor};
+      };
+  },
+`;
+exports.IconLeft = styled_components_1.default.span `
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 4px;
+`;
+exports.IconRight = styled_components_1.default.span `
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 4px;
+`;
+exports.Counts = styled_components_1.default.span `
+  position: relative;
+  top: -5px;
+  right: -5px;
+  font-size: 9px;
+  font-weight: 600;
+`;
+//# sourceMappingURL=Bubbles.styled.js.map

package/dist/components/uikit/Bubbles/Bubbles.styled.js.map

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

package/dist/components/uikit/Bubbles/Bubbles.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Bubbles.typed.js.map

package/dist/components/uikit/Bubbles/Bubbles.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubbles.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/Bubbles/Bubbles.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/Bubbles/components/Content/Content.js

@@ -0,0 +1,86 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("../../Bubbles.styled"));
+const Typography_1 = require("../../../Typography");
+const Counter_1 = require("../../../Counter");
+const common_1 = require("../../../../../constants/common");
+const Content = (0, react_1.forwardRef)(({ mobileIndent = 16, options, selectedValue, onChange, mode = 'base', style, isDataCountTop = false, counterType, scroll = 'base', multi = false, tabClass }, ref) => {
+    const onClick = (value, evt, index) => {
+        if (multi) {
+            const isSelected = selectedValue.includes(value);
+            const newValue = !isSelected
+                ? [...selectedValue, value]
+                : selectedValue.filter((val) => val !== value);
+            onChange(newValue, evt);
+        }
+        else {
+            if (value !== selectedValue) {
+                onChange(value, evt);
+            }
+        }
+        if (scroll !== 'none') {
+            scrollToTab(index);
+        }
+    };
+    const scrollToTab = (index) => {
+        if (ref.current && ref.current.children[index]) {
+            if (window.innerWidth > common_1.TABLET_WIDTH) {
+                const selectedTab = ref.current.children[index];
+                const containerRect = ref.current.getBoundingClientRect();
+                const tabRect = selectedTab.getBoundingClientRect();
+                const offsetRight = tabRect.right - containerRect.right;
+                const offsetLeft = tabRect.left - containerRect.left;
+                if (offsetRight > -48) {
+                    ref.current.scrollTo({
+                        left: ref.current.scrollLeft + offsetRight + 60,
+                        behavior: 'smooth'
+                    });
+                }
+                else if (offsetLeft < 48) {
+                    ref.current.scrollTo({
+                        left: ref.current.scrollLeft + offsetLeft - 60,
+                        behavior: 'smooth'
+                    });
+                }
+            }
+            else {
+                const tabElement = ref.current.children[index];
+                tabElement.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+            }
+        }
+    };
+    return (react_1.default.createElement(Styled.Container, { mode: mode, style: style, ref: ref, scroll: scroll, mobileIndent: mobileIndent }, options.map((item, index) => (react_1.default.createElement(Styled.Button, { className: tabClass, mode: mode, key: index, isIconLeft: !!item.iconLeft, isIconRight: !!item.iconRight, onClick: (evt) => onClick(item.value, evt, index), isActive: multi
+            ? selectedValue.includes(item.value)
+            : selectedValue === item.value },
+        item.iconLeft ? (react_1.default.createElement(Styled.IconLeft, null, item.iconLeft)) : null,
+        react_1.default.createElement(Typography_1.Typography, { tag: "span", variant: "description-Medium" }, item.label),
+        item.iconRight ? (react_1.default.createElement(Styled.IconRight, null, item.iconRight)) : null,
+        item.dataCount !== undefined && (react_1.default.createElement(react_1.default.Fragment, null, isDataCountTop ? (react_1.default.createElement(Styled.Counts, null, item.dataCount)) : (react_1.default.createElement(Counter_1.Counter, { number: item.dataCount, type: counterType, style: { marginLeft: '4px' } })))))))));
+});
+exports.Content = Content;
+//# sourceMappingURL=Content.js.map

package/dist/components/uikit/Bubbles/components/Content/Content.js.map

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

package/dist/components/uikit/Bubbles/components/WithScroll/WithScroll.js

@@ -0,0 +1,96 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithScroll = void 0;
+const react_1 = __importStar(require("react"));
+const theme_const_1 = require("../../../../../theme/theme.const");
+const Styled = __importStar(require("../../Bubbles.styled"));
+const DragScroll_1 = require("../../../DragScroll");
+const Content_1 = require("../Content/Content");
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../../../theme/ThemeProvider");
+const eventBus_1 = __importDefault(require("../../../../../utils/eventBus"));
+const events_1 = require("../../../../../utils/eventBus/events");
+const debounce_1 = require("../../../../../utils/debounce");
+const WithScroll = (props) => {
+    const { scroll = 'base' } = props;
+    const containerRef = (0, react_1.useRef)(null);
+    const [showScrollButtonLeft, setShowScrollButtonLeft] = (0, react_1.useState)(false);
+    const [showScrollButtonRight, setShowScrollButtonRight] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        let timerId;
+        const handleScroll = () => {
+            if (containerRef.current) {
+                const { scrollLeft, scrollWidth, clientWidth } = containerRef.current;
+                setShowScrollButtonLeft(scrollLeft > 0);
+                setShowScrollButtonRight(scrollLeft + 2 + clientWidth < scrollWidth);
+            }
+        };
+        // На всякий случаем даем отработать какой-нибудь анимации, чтобы зафиксировалась внешняя ширина контейнера
+        const getHandleScrollFromTimer = () => {
+            timerId = setTimeout(() => {
+                handleScroll();
+            }, 400);
+        };
+        getHandleScrollFromTimer();
+        const removeListener = eventBus_1.default.subscribe(events_1.BusEvent.SideMenuOpen, getHandleScrollFromTimer);
+        if (containerRef.current) {
+            containerRef.current.addEventListener('scroll', handleScroll);
+            window.addEventListener('resize', (0, debounce_1.debounce)(handleScroll, 200));
+        }
+        return () => {
+            clearTimeout(timerId);
+            removeListener();
+            if (containerRef.current) {
+                containerRef.current.removeEventListener('scroll', handleScroll);
+                window.removeEventListener('resize', handleScroll);
+            }
+        };
+    }, []);
+    const handleScroll = (isLeft) => {
+        if (containerRef.current) {
+            containerRef.current.scrollTo({
+                left: containerRef.current.scrollLeft + (isLeft ? -400 : 400),
+                behavior: 'smooth'
+            });
+        }
+    };
+    const { mode: theme } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[theme] },
+        react_1.default.createElement(Styled.Wrapper, null,
+            showScrollButtonLeft && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Styled.Mute, { isLeft: true, scroll: scroll }),
+                react_1.default.createElement(Styled.LeftButton, { onClick: () => handleScroll(true), direction: "left" }))),
+            react_1.default.createElement(DragScroll_1.DragScroll, null,
+                react_1.default.createElement(Content_1.Content, Object.assign({ ref: containerRef }, props))),
+            showScrollButtonRight && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Styled.Mute, { scroll: scroll }),
+                react_1.default.createElement(Styled.RightButton, { onClick: () => handleScroll(false) }))))));
+};
+exports.WithScroll = WithScroll;
+//# sourceMappingURL=WithScroll.js.map

package/dist/components/uikit/Bubbles/components/WithScroll/WithScroll.js.map

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

package/dist/components/uikit/Bubbles/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bubbles = void 0;
+var Bubbles_1 = require("./Bubbles");
+Object.defineProperty(exports, "Bubbles", { enumerable: true, get: function () { return Bubbles_1.Bubbles; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/Bubbles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Bubbles/index.ts"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA"}