profinansy-ui-lib 3.4.16 → 3.4.18

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

@@ -1,240 +0,0 @@
-"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.SideModal = void 0;
-const _1 = require(".");
-const react_1 = __importStar(require("react"));
-const Button_1 = require("../Button");
-const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
-const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
-const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
-const TextButton_1 = require("../TextButton");
-exports.default = {
-    title: 'Components/SideModal',
-    component: _1.SideModal,
-    tags: ['autodocs'],
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=12351-43904&mode=dev'
-        }
-    }
-};
-const SideModal = () => {
-    const [open1, setOpen1] = (0, react_1.useState)(false);
-    const [open2, setOpen2] = (0, react_1.useState)(false);
-    const [open3, setOpen3] = (0, react_1.useState)(false);
-    const [open4, setOpen4] = (0, react_1.useState)(false);
-    const [open5, setOpen5] = (0, react_1.useState)(false);
-    const [open6, setOpen6] = (0, react_1.useState)(false);
-    const [open7, setOpen7] = (0, react_1.useState)(false);
-    const [open8, setOpen8] = (0, react_1.useState)(false);
-    const [open9, setOpen9] = (0, react_1.useState)(false);
-    const [open10, setOpen10] = (0, react_1.useState)(false);
-    const [open11, setOpen11] = (0, react_1.useState)(false);
-    const [open12, setOpen12] = (0, react_1.useState)(false);
-    const [openAlert, setOpenAlert] = (0, react_1.useState)(false);
-    const [openModal, setOpenModal] = (0, react_1.useState)(false);
-    const [openConfirm, setOpenConfirm] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "SideModal"),
-        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 \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u044B\u0445 \u043E\u043A\u043E\u043D \u0441\u043F\u0440\u0430\u0432\u0430" }),
-        react_1.default.createElement(StoryExample_1.StoryExample, null,
-            react_1.default.createElement(Button_1.Button, { onClick: () => setOpen1(true), text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C" }),
-            react_1.default.createElement(_1.SideModal, { isOpen: open1, onClose: () => setOpen1(false), title: 'Заголовок' },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '100%'
-                    } }))),
-        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u043B\u0438\u043D\u043D\u044B\u0439 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A"),
-        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0432\u0430\u0448 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u0434\u043B\u0438\u043D\u043D\u044B\u0439, \u0442\u043E \u043E\u043D \u0431\u0443\u0434\u0435\u0442 \u0441\u043A\u0440\u044B\u0432\u0430\u0442\u044C\u0441\u044F \u0437\u0430 \u0442\u0440\u0435\u043C\u044F \u0442\u043E\u0447\u043A\u0430\u043C\u0438." }),
-        react_1.default.createElement(StoryExample_1.StoryExample, null,
-            react_1.default.createElement(Button_1.Button, { onClick: () => setOpen6(true), text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C" }),
-            react_1.default.createElement(_1.SideModal, { isOpen: open6, onClose: () => setOpen6(false), title: 'Пример длинного заголовка, который не влезает на всю ширину и будет скрыт за тремя точками' },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '100%'
-                    } }))),
-        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u043E\u043D\u0442\u0435\u043D\u0442 \u0441\u043F\u0440\u0430\u0432\u0430 \u043E\u0442 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430"),
-        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u043F\u0440\u0430\u0432\u0430 \u043E\u0442 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430 \u043B\u044E\u0431\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u043D\u0442" }),
-        react_1.default.createElement(StoryExample_1.StoryExample, null,
-            react_1.default.createElement(Button_1.Button, { onClick: () => setOpen2(true), text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C" }),
-            react_1.default.createElement(_1.SideModal, { isOpen: open2, onClose: () => setOpen2(false), title: 'Заголовок', rightContent: react_1.default.createElement(Button_1.Button, { text: "Custom button" }) },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '100%'
-                    } }))),
-        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0410\u043B\u0435\u0440\u0442"),
-        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u0430\u043A\u043E\u0439-\u043B\u0438\u0431\u043E \u0430\u043B\u0435\u0440\u0442 \u0432 \u043F\u043E\u043F\u0430\u043F." }),
-        react_1.default.createElement(StoryExample_1.StoryExample, null,
-            react_1.default.createElement(Button_1.Button, { onClick: () => setOpen11(true), text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C" }),
-            react_1.default.createElement(_1.SideModal, { alert: {
-                    modal: {
-                        title: 'Удаление портфеля',
-                        subtitle: 'Вы уверены, что хотите удалть портфель?',
-                        open: openAlert,
-                        onClose: () => setOpenAlert(false)
-                    },
-                    cancelButton: {
-                        text: 'Отмена',
-                        onClick: () => setOpenAlert(false)
-                    },
-                    confirmButton: {
-                        text: 'Удалить',
-                        onClick: () => setOpenAlert(false)
-                    }
-                }, isOpen: open11, onClose: () => setOpen11(false), title: 'Заголовок', rightContent: react_1.default.createElement(Button_1.Button, { text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0430\u043B\u0435\u0440\u0442", onClick: () => setOpenAlert(true) }) },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '100%'
-                    } }))),
-        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E"),
-        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u043E\u043A\u043D\u0430 \u0432 \u043F\u043E\u043F\u0430\u043F." }),
-        react_1.default.createElement(StoryExample_1.StoryExample, null,
-            react_1.default.createElement(Button_1.Button, { onClick: () => setOpen12(true), text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C" }),
-            react_1.default.createElement(_1.SideModal, { modal: {
-                    title: 'Удаление портфеля',
-                    children: 'Вы уверены, что хотите удалть портфель?',
-                    open: openModal,
-                    onClose: () => setOpenModal(false)
-                }, isOpen: open12, onClose: () => setOpen12(false), title: 'Заголовок', rightContent: react_1.default.createElement(Button_1.Button, { text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u043E\u0434\u0430\u043B\u043A\u0443", onClick: () => setOpenModal(true) }) },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '100%'
-                    } }))),
-        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0411\u043B\u043E\u043A \u043F\u043E\u0434 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C"),
-        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u043D\u043E \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u043B\u043E\u043A \u043F\u043E\u0434 \u043E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u043A\u043E\u043D\u0442\u0435\u043D\u0442 \u0438 \u044D\u0442\u043E\u0442 \u0431\u043B\u043E\u043A \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043A\u0440\u0435\u043F\u043B\u0435\u043D." }),
-        react_1.default.createElement(StoryExample_1.StoryExample, null,
-            react_1.default.createElement(Button_1.Button, { onClick: () => setOpen3(true), text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C" }),
-            react_1.default.createElement(_1.SideModal, { isOpen: open3, onClose: () => setOpen3(false), title: 'Длинный заголовк для визуализации поведения скрытия от правого контента', rightContent: react_1.default.createElement(Button_1.Button, { text: "\u041F\u0440\u0430\u0432\u044B\u0439 \u043A\u043E\u043D\u0442\u0435\u043D\u0442" }), bottomContent: react_1.default.createElement("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        alignItems: 'center'
-                    } },
-                    react_1.default.createElement(Button_1.Button, { text: "Custom button" }),
-                    react_1.default.createElement(TextButton_1.TextButton, { text: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", style: { marginTop: '12px' } })) },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: 'calc(100% + 200px)'
-                    } }))),
-        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u043F\u043E\u043F\u0430\u043F\u0430"),
-        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041F\u043E\u043F\u0430\u043F \u0438\u043C\u0435\u0435\u0442 \u0444\u0438\u043A\u0441\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0435 \u0440\u0430\u0437\u043C\u0435\u0440\u044B: \u0428\u0438\u0440\u0438\u043D\u0430 <b>840px</b> \u043D\u0430 \u0434\u0435\u0441\u043A\u0442\u043E\u043F\u0435, <b>550px</b> \u043D\u0430 \u0442\u0430\u0431\u043B\u0435\u0442\u0435 \u0438 <b>100%</b> \u043D\u0430 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0445 \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0430\u0445.\n        \u0412\u044B\u0441\u043E\u0442\u0430 <b>100%</b> \u043D\u0430 \u0434\u0435\u0441\u043A\u0442\u043E\u043F\u0435, <b>100%</b> \u043D\u0430 \u0442\u0430\u0431\u043B\u0435\u0442\u0435 \u0438 <b>85vh</b> \u043D\u0430 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0445 \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0430\u0445.\n        \u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0443\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C \u0441\u0432\u043E\u0438 \u0440\u0430\u0437\u043C\u0435\u0440\u044B, \u0442\u043E \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u044D\u0442\u043E \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u0447\u0435\u0440\u0435\u0437 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>size</b>.\n        \u042D\u0442\u043E \u043C\u043E\u0436\u0435\u0442 \u0431\u044B\u0442\u044C \u043D\u0443\u0436\u043D\u043E, \u043A\u043E\u0433\u0434\u0430 \u0443 \u0432\u0430\u0441 \u043E\u0434\u0438\u043D \u043F\u043E\u043F\u0430\u043F \u043D\u0430\u043A\u043B\u0430\u0434\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u043D\u0430 \u0434\u0440\u0443\u0433\u043E\u0439.\n        \u0421\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>size</b> \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442 \u0442\u0440\u0438 \u043A\u043B\u044E\u0447\u0430: <b>desktop</b> - \u0448\u0438\u0440\u0438\u043D\u0430 \u043F\u043E\u043F\u0430\u043F\u0430 \u043D\u0430 \u0434\u0435\u0441\u0442\u043E\u043F\u0435,\n        <b>tablet</b> - \u0448\u0438\u0440\u0438\u043D\u0430 \u043F\u043E\u043F\u0430\u043F\u0430 \u043D\u0430 \u043F\u043B\u0430\u043D\u0448\u0435\u0442\u0435 \u0438 <b>mobile</b> - \u0432\u044B\u0441\u043E\u0442\u0430 \u043F\u043E\u043F\u0430\u043F\u0430 \u043D\u0430 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0445 \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0430\u0445." }),
-        react_1.default.createElement(StoryExample_1.StoryExample, null,
-            react_1.default.createElement(Button_1.Button, { onClick: () => setOpen4(true), text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C" }),
-            react_1.default.createElement(_1.SideModal, { isOpen: open4, onClose: () => setOpen4(false), title: 'Заголовок' },
-                react_1.default.createElement(Button_1.Button, { text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u0441\u0430\u0439\u0434\u0431\u043E\u0440 \u0441 \u043A\u0430\u0441\u0442\u043E\u043C\u043D\u043E\u0439 \u0448\u0438\u0440\u0438\u043D\u043E\u0439", onClick: () => setOpen5(true) }),
-                react_1.default.createElement("div", { style: {
-                        marginTop: '16px',
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '80%'
-                    } })),
-            react_1.default.createElement(_1.SideModal, { size: {
-                    desktop: '780px',
-                    tablet: '500px',
-                    mobile: 'calc(90vh - 60px)'
-                }, isOpen: open5, onClose: () => setOpen5(false), title: 'Заголовок', rightContent: react_1.default.createElement(Button_1.Button, { text: "Custom button" }) },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '100%'
-                    } }))),
-        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u043E\u0437\u0432\u0440\u0430\u0442 \u043A \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0435\u043C\u0443 \u0448\u0430\u0433\u0443"),
-        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0432\u0430\u043C \u043D\u0443\u0436\u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0430 '\u043D\u0430\u0437\u0430\u0434', \u0442\u043E \u0434\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>onBack</b>" }),
-        react_1.default.createElement(StoryExample_1.StoryExample, null,
-            react_1.default.createElement(Button_1.Button, { onClick: () => setOpen7(true), text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C" }),
-            react_1.default.createElement(_1.SideModal, { onBack: () => null, isOpen: open7, onClose: () => setOpen7(false), title: 'Заголовок' },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '100%'
-                    } }))),
-        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0432\u043C\u0435\u0441\u0442\u043E \u0437\u0430\u043A\u0440\u044B\u0442\u0438\u044F \u043E\u043A\u043D\u0430"),
-        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043E\u0433\u0434\u0430, \u0432\u043C\u0435\u0441\u0442\u043E \u0437\u0430\u043A\u0440\u044B\u0442\u0438\u044F \u043E\u043A\u043D\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F \u0432\u044B\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u043A\u0430\u043A\u043E\u0435-\u0442\u043E \u0434\u0440\u0443\u0433\u043E\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435. \u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0432\u044B\u0437\u0432\u0430\u0442\u044C \u043E\u043A\u043D\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0437\u0430\u043A\u0440\u044B\u0442\u0438\u044F.\n       \u0414\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>onBeforeClose</b>" }),
-        react_1.default.createElement(StoryExample_1.StoryExample, null,
-            react_1.default.createElement(Button_1.Button, { onClick: () => setOpen8(true), text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C" }),
-            react_1.default.createElement(_1.SideModal, { alert: {
-                    modal: {
-                        title: 'Закрытие',
-                        subtitle: 'вы точно хотите выйти?',
-                        open: openConfirm,
-                        onClose: () => setOpenConfirm(false)
-                    },
-                    confirmButton: {
-                        text: 'Закрыть',
-                        onClick: () => {
-                            setOpenConfirm(false);
-                            setOpen8(false);
-                        }
-                    },
-                    cancelButton: {
-                        text: 'Отмена',
-                        onClick: () => setOpenConfirm(false)
-                    }
-                }, onBeforeClose: () => setOpenConfirm(true), isOpen: open8, title: 'Заголовок' },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '100%'
-                    } }))),
-        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u0443\u0441\u043B\u043E\u0432\u043D\u044B\u043C \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435\u043C"),
-        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0432\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0435 \u0443\u0441\u043B\u043E\u0432\u043D\u043E\u0435 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u0434\u043B\u044F \u043E\u0442\u0440\u0438\u0441\u043E\u0432\u043A\u0438 \u043E\u043A\u043D\u0430, \u0442\u043E \u043F\u0440\u0438 \u0437\u0430\u043A\u0440\u044B\u0442\u0438\u0438 \u043D\u0435 \u0431\u0443\u0434\u0435\u0442 \u043E\u0442\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0442\u044C \u0430\u043D\u0438\u043C\u0430\u0446\u0438\u044F.\n       \u0427\u0442\u043E\u0431\u044B \u044D\u0442\u043E\u0433\u043E \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044C, \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>isCloseInside</b>. \u0412 \u0442\u0430\u043A\u043E\u043C \u0441\u043B\u0443\u0447\u0430\u0435, \u0441\u043D\u0430\u0447\u0430\u043B\u0430 \u0441\u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442 \u043C\u0435\u0445\u0430\u043D\u0438\u0437\u043C \u0437\u0430\u043A\u0440\u044B\u0442\u0438\u044F \u0430\u043D\u0438\u043C\u0430\u0446\u0438\u0438 \u0432\u043D\u0443\u0442\u0440\u0438 \u043E\u043A\u043D\u0430,\n       \u0430 \u043F\u043E\u0442\u043E\u043C \u0431\u0443\u0434\u0435\u0442 \u0432\u044B\u0437\u0432\u0430\u043D\u0430 \u0444\u0443\u043D\u043A\u0446\u0438\u044F <b>onClose</b>." }),
-        react_1.default.createElement(StoryExample_1.StoryExample, null,
-            react_1.default.createElement("div", { style: { display: 'flex', gap: '16px' } },
-                react_1.default.createElement(Button_1.Button, { onClick: () => setOpen9(true), text: "\u041E\u043A\u043D\u043E \u0441 \u0443\u0441\u043B\u043E\u043D\u0432\u044B\u043C \u0440\u0435\u043D\u0434\u0435\u0440\u043E\u043C \u0431\u0435\u0437 isCloseInside" }),
-                react_1.default.createElement(Button_1.Button, { onClick: () => setOpen10(true), text: "\u041E\u043A\u043D\u043E \u0441 \u0443\u0441\u043B\u043E\u043D\u0432\u044B\u043C \u0440\u0435\u043D\u0434\u0435\u0440\u043E\u043C \u0441 isCloseInside" })),
-            open9 && (react_1.default.createElement(_1.SideModal, { onClose: () => setOpen9(false), isOpen: open9, title: 'Заголовок' },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '100%'
-                    } }))),
-            open10 && (react_1.default.createElement(_1.SideModal, { isCloseInside: true, onClose: () => setOpen10(false), isOpen: open10, title: 'Заголовок' },
-                react_1.default.createElement("div", { style: {
-                        width: '100%',
-                        background: '#D9D9D9',
-                        borderRadius: 12,
-                        height: '100%'
-                    } }))))));
-};
-exports.SideModal = SideModal;
-//# sourceMappingURL=SideModal.stories.js.map

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

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

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

@@ -1,211 +0,0 @@
-"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.CloseButton = exports.BottomContent = exports.Content = exports.Title = exports.BackButton = exports.LeftWrapper = exports.Header = exports.Sidebar = exports.Layout = exports.Wrapper = void 0;
-const styled_components_1 = __importStar(require("styled-components"));
-const Scroll_1 = require("../../../styles/Scroll");
-const common_1 = require("../../../constants/common");
-const animation_3 = require("../../../constants/animation/animation");
-const zIndex_1 = require("../../../constants/zIndex");
-const contentAnimationTranslate = (open) => (0, styled_components_1.keyframes) `
-  from {
-    translate: ${open ? '100% 0' : '0 0'};
-  }
-  to {
-    translate: ${open ? '0 0' : '100% 0'};
-  }
-`;
-const contentAnimationOpacity = (open) => (0, styled_components_1.keyframes) `
-  from {
-    opacity: ${open ? 0 : 1};
-  }
-  to {
-      opacity: ${open ? 1 : 0};
-  }
-`;
-const contentAnimationMobile = (open) => (0, styled_components_1.keyframes) `
-  from {
-    translate: ${open ? '0 100%' : '0 0'};
-  }
-  to {
-    translate: ${open ? '0 0' : '0 100%'};
-  }
-`;
-exports.Wrapper = styled_components_1.default.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  height: 100vh;
-  width: 100%;
-  z-index: ${zIndex_1.zIndex.zIndex7};
-  opacity: 0;
-  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
-  ${(props) => props.isOpen &&
-    (0, styled_components_1.css) `
-      opacity: 1;
-      pointer-events: auto;
-    `}
-`;
-exports.Layout = styled_components_1.default.div `
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: ${(props) => props.theme.other.gray};
-`;
-exports.Sidebar = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  position: fixed;
-  right: 0;
-  top: ${common_1.HEIGHT_HEADER}px;
-  height: calc(100dvh - ${common_1.HEIGHT_HEADER}px);
-  background: ${(props) => props.theme.background.primary};
-  width: ${(props) => { var _a; return ((_a = props.size) === null || _a === void 0 ? void 0 : _a.desktop) || '840px'; }};
-  max-width: ${(props) => { var _a; return ((_a = props.size) === null || _a === void 0 ? void 0 : _a.desktop) || '840px'; }};
-  z-index: 100;
-  padding: 24px 16px 24px 24px;
-  box-shadow: 0 14px 30px -4px rgba(0, 0, 0, 0.2);
-  opacity: ${(props) => (props.withoutAnimation ? 0 : 1)};
-  animation: ${(props) => (0, styled_components_1.css) `
-      ${props.withoutAnimation
-    ? contentAnimationOpacity(props.isOpen)
-    : contentAnimationTranslate(props.isOpen)} 0.3s ${animation_3.AnimationFunctions.animation_2} forwards
-    `};
-  @media (max-width: ${common_1.TABLET_WIDTH}px) {
-    width: ${(props) => { var _a; return ((_a = props.size) === null || _a === void 0 ? void 0 : _a.tablet) || '550px'; }};
-    max-width: ${(props) => { var _a; return ((_a = props.size) === null || _a === void 0 ? void 0 : _a.tablet) || '550px'; }};
-  }
-  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
-    padding: 16px 8px 16px 16px;
-    max-width: 100%;
-    width: 100%;
-    top: auto;
-    left: 0;
-    bottom: 0;
-    max-height: ${(props) => { var _a; return ((_a = props.size) === null || _a === void 0 ? void 0 : _a.mobile) || '85dvh'; }};
-    animation: ${(props) => (0, styled_components_1.css) `
-        ${props.withoutAnimation
-    ? contentAnimationOpacity(props.isOpen)
-    : contentAnimationMobile(props.isOpen)} 0.3s ${animation_3.AnimationFunctions.animation_2} forwards
-      `};
-  }
-`;
-exports.Header = styled_components_1.default.div `
-  flex-shrink: 0;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  z-index: 2;
-  margin-bottom: 20px;
-`;
-exports.LeftWrapper = styled_components_1.default.div `
-  width: 100%;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin-right: 12px;
-`;
-exports.BackButton = styled_components_1.default.button `
-  background: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  padding: 0;
-  width: 24px;
-  min-width: 24px;
-  height: 24px;
-  min-height: 24px;
-  margin-right: 6px;
-  cursor: pointer;
-  transition: ${() => `opacity 0.3s ${animation_3.AnimationFunctions.animation_1}`};
-  & svg {
-    transform: scale(1.3);
-  }
-  &:hover {
-    opacity: 0.6;
-  }
-`;
-exports.Title = styled_components_1.default.span `
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 24px;
-  color: ${(props) => props.theme.text.primary};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-exports.Content = styled_components_1.default.div `
-  height: ${(props) => `calc(100% - ${props.bottomHeight}px - 48px)`};
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding-right: 8px;
-  ${Scroll_1.Scroll}
-`;
-exports.BottomContent = styled_components_1.default.div `
-  width: 100%;
-  bottom: 0;
-  left: 0;
-  position: fixed;
-  border-top: 0.5px solid ${(props) => props.theme.stroke.tertiary};
-  background: ${(props) => props.theme.background.bottomActions};
-  padding: 16px 24px;
-  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
-    padding: 16px;
-  }
-`;
-exports.CloseButton = styled_components_1.default.button `
-  display: flex;
-  padding: 0;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  background: transparent;
-  border: none;
-  position: absolute;
-  z-index: 10;
-  top: 16px;
-  left: -48px;
-  width: 48px;
-  min-width: 48px;
-  height: 48px;
-  min-height: 48px;
-  transition: ${() => `all 0.3s ${animation_3.AnimationFunctions.animation_1}`};
-  &:hover {
-    opacity: 0.8;
-    transform: scale(0.85);
-  }
-  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
-    right: 0;
-    left: auto;
-    top: -48px;
-  }
-`;
-//# sourceMappingURL=SideModal.styled.js.map

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

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

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

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

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

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

package/dist/components/uikit/SideModal/components/ModalInside/ModalInside.js

@@ -1,38 +0,0 @@
-"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.ModalInside = void 0;
-const react_1 = __importStar(require("react"));
-const Modal_1 = require("../../../Modal");
-const ModalInside = ({ data, containerId }) => {
-    const props = (0, react_1.useMemo)(() => {
-        const copyData = Object.assign({}, data);
-        delete copyData['children'];
-        return copyData;
-    }, [data]);
-    return (react_1.default.createElement(Modal_1.Modal, Object.assign({}, props, { styleContent: { maxHeight: 'calc(100vh - 185px)' }, styleContentInside: { maxHeight: 'calc(100vh - 235px)' }, containerId: containerId }), data.children));
-};
-exports.ModalInside = ModalInside;
-//# sourceMappingURL=ModalInside.js.map

package/dist/components/uikit/SideModal/components/ModalInside/ModalInside.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalInside.js","sourceRoot":"","sources":["../../../../../../src/components/uikit/SideModal/components/ModalInside/ModalInside.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,0CAAsC;AAQtC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAU,EAAE,EAAE;IACpD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,MAAM,QAAQ,qBACT,IAAI,CACR,CAAA;QACD,OAAO,QAAQ,CAAC,UAAU,CAAC,CAAA;QAC3B,OAAO,QAAQ,CAAA;IACjB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,8BAAC,aAAK,oBACA,KAAK,IACT,YAAY,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,EAClD,kBAAkB,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,EACxD,WAAW,EAAE,WAAW,KAEvB,IAAI,CAAC,QAAQ,CACR,CACT,CAAA;AACH,CAAC,CAAA;AAEQ,kCAAW"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/SideModal/index.ts"],"names":[],"mappings":";;;AAAA,yCAAuC;AAA9B,sGAAA,SAAS,OAAA"}

package/dist/components/uikit/Skeleton/Skeleton.js

@@ -1,42 +0,0 @@
-"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.Skeleton = void 0;
-const react_1 = __importDefault(require("react"));
-const Styled = __importStar(require("./Skeleton.styled"));
-const classnames_1 = __importDefault(require("classnames"));
-const styled_components_1 = require("styled-components");
-const ThemeProvider_1 = require("../../../theme/ThemeProvider");
-const theme_const_1 = require("../../../theme/theme.const");
-const Skeleton = ({ height, maxWidth, bottom = 16, right = 0, radius = 12, className }) => {
-    const { mode } = (0, ThemeProvider_1.useMode)();
-    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
-        react_1.default.createElement(Styled.Skeleton, { height: height, bottom: bottom, right: right, maxWidth: maxWidth, radius: radius, className: (0, classnames_1.default)(className, 'skeleton') })));
-};
-exports.Skeleton = Skeleton;
-//# sourceMappingURL=Skeleton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/uikit/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,0DAA2C;AAG3C,4DAAmC;AACnC,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,QAAQ,GAAG,CAAC,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,EAAE,EACX,SAAS,EACC,EAAE,EAAE;IACd,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,QAAQ,IACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,UAAU,CAAC,GAC5C,CACY,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}