profinansy-ui-lib 3.3.60 → 3.3.62

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

@@ -0,0 +1,95 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = exports.Text = exports.Divider = exports.Item = exports.Selector = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+const Typography_1 = require("../Typography");
+exports.Container = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 2px;
+  gap: 4px;
+  border-radius: 8px;
+  background: ${(props) => props.mode === 'primary'
+    ? props.theme.interactiveControls.secondary
+    : props.theme.interactiveControls.accent};
+  width: ${(props) => (props.isFullWidth ? '100%' : 'fit-content')};
+  height: fit-content;
+  max-height: ${(props) => (props.size === 'S' ? '28px' : '34px')};
+`;
+const getBackground = (type, theme) => {
+    if (type === 'primary') {
+        return theme.interactiveControls.accent;
+    }
+    return theme.interactiveControls.secondary;
+};
+exports.Selector = styled_components_1.default.div `
+  height: calc(100% - 4px);
+  display: inline-block;
+  position: absolute;
+  left: ${(props) => `${props.left}px`};
+  top: 2px;
+  width: ${(props) => `${props.width}px`};
+  z-index: 1;
+  border-radius: 7px;
+  transition-duration: 0.3s;
+  transition-timing-function: ${animation_2.AnimationFunctions.animation_1};
+  background: ${(props) => getBackground(props.mode, props.theme)};
+  border: ${(props) => `0.5px solid ${props.theme.stroke.secondary}`};
+  box-shadow: ${(props) => props.mode === 'content'
+    ? '0px 4px 8px -4px rgba(44, 44, 47, 0.18)'
+    : 'none'};
+`;
+exports.Item = styled_components_1.default.button `
+  font-family: 'Manrope', sans-serif;
+  border-radius: 7px;
+  height: ${(props) => (props.size === 'S' ? '24px' : '30px')};
+  padding: ${(props) => (props.size === 'S' ? '4px 12px' : '6px 12px')};
+  cursor: pointer;
+  border: 0.5px solid transparent;
+  background: transparent;
+  color: ${(props) => props.theme.text.primary};
+  flex: 1 1 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: nowrap;
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+  &:disabled {
+    opacity: 0.6;
+  }
+`;
+exports.Divider = styled_components_1.default.span `
+  height: 18px;
+  width: 2px;
+  background: ${(props) => props.theme.stroke.primary};
+  border-radius: 6px;
+  opacity: ${(props) => (props.isHide ? '0' : '1')};
+  transition: opacity 0.3s ${animation_2.AnimationFunctions.animation_1};
+`;
+exports.Text = (0, styled_components_1.default)(Typography_1.Typography) `
+  position: relative;
+  z-index: 2;
+  cursor: pointer;
+  text-align: center;
+  white-space: nowrap;
+`;
+exports.Icon = styled_components_1.default.span `
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: ${(props) => (props.isLabel ? '4px' : '0px')};
+  position: relative;
+  z-index: 2;
+  & path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+`;
+//# sourceMappingURL=SegmentControl.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentControl.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/SegmentControl/SegmentControl.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAMtC,sEAA2E;AAC3E,8CAA0C;AAE7B,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAIjC;;;;;;;gBAOc,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,IAAI,KAAK,SAAS;IACtB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS;IAC3C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM;WACnC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;;gBAElD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;CAChE,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,IAAyB,EAAE,KAAa,EAAE,EAAE;IACjE,IAAI,IAAI,KAAK,SAAS,EAAE;QACtB,OAAO,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAA;KACxC;IACD,OAAO,KAAK,CAAC,mBAAmB,CAAC,SAAS,CAAA;AAC5C,CAAC,CAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAIhC;;;;UAIQ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI;;WAE3B,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI;;;;gCAIR,8BAAkB,CAAC,WAAW;gBAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;YACrD,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;gBACpD,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,IAAI,KAAK,SAAS;IACtB,CAAC,CAAC,yCAAyC;IAC3C,CAAC,CAAC,MAAM;CACb,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,MAAM,CAI/B;;;YAGU,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;aAChD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;;;;WAI3D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;;;;;;CAW7C,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,IAAI,CAAqB;;;gBAGvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;aAExC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;6BACrB,8BAAkB,CAAC,WAAW;CAC1D,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,CAAA;;;;;;CAMrC,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,IAAI,CAAsB;;;;;;iBAMpC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;;;;YAI/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;CAE/C,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/SegmentControl/index.ts"],"names":[],"mappings":";;;AAAA,mDAAiD;AAAxC,gHAAA,cAAc,OAAA"}

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

@@ -0,0 +1,95 @@
+"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.SideModal = void 0;
+const react_1 = __importStar(require("react"));
+const Close3_svg_1 = __importDefault(require("../../../icons/Close3.svg"));
+const ArrowLeft_svg_1 = __importDefault(require("../../../icons/ArrowLeft.svg"));
+const useTransitionModal_1 = require("../../../hooks/useTransitionModal");
+const classnames_1 = __importDefault(require("classnames"));
+const Portal_1 = require("../Portal");
+const Styled = __importStar(require("./SideModal.styled"));
+const Alert_1 = require("../Alert");
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const ModalInside_1 = require("./components/ModalInside/ModalInside");
+const react_2 = require("@floating-ui/react");
+const MODAL_ROOT_ELEMENT_ID = 'react-sideModals';
+const SideModal = (props) => {
+    const { animation, showModal, content, handleClose } = (0, useTransitionModal_1.useTransitionModal)({
+        isOpen: props.isOpen,
+        children: props.children,
+        onClose: props.onClose,
+        onBeforeClose: props.onBeforeClose,
+        isCloseInside: props.isCloseInside
+    });
+    if (!showModal)
+        return null;
+    return (react_1.default.createElement(Content, Object.assign({}, props, { onClose: handleClose, animation: animation }), content));
+};
+exports.SideModal = SideModal;
+const Content = ({ onClose, children, title, animation, rightContent, bottomContent, classNameHeader, classNameContent, alert, modal, size, withoutAnimation = false, onBack }) => {
+    const [bottomHeight, setBottomHeight] = (0, react_1.useState)(0);
+    const bottomRef = (0, react_1.useRef)(null);
+    const containerId = (0, react_2.useId)();
+    const handleClose = () => {
+        if (onClose)
+            onClose();
+    };
+    (0, react_1.useEffect)(() => {
+        if (bottomRef.current) {
+            const { height } = bottomRef.current.getBoundingClientRect();
+            setBottomHeight(height);
+        }
+        else {
+            setBottomHeight(0);
+        }
+    }, [bottomRef === null || bottomRef === void 0 ? void 0 : bottomRef.current]);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    (0, useTransitionModal_1.useControlsForModal)(onClose);
+    return (react_1.default.createElement(Portal_1.Portal, { id: MODAL_ROOT_ELEMENT_ID },
+        react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+            react_1.default.createElement(Styled.Wrapper, { isOpen: animation, className: "sideModal-wrapper" },
+                react_1.default.createElement(Styled.Layout, { onClick: handleClose }),
+                react_1.default.createElement(Styled.Sidebar, { withoutAnimation: withoutAnimation, size: size, isOpen: animation, className: (0, classnames_1.default)(classNameContent, 'sideModal-content'), id: containerId },
+                    react_1.default.createElement(Styled.CloseButton, { onClick: handleClose },
+                        react_1.default.createElement(Close3_svg_1.default, { className: "modal-closeBtn" })),
+                    react_1.default.createElement(Styled.Header, { className: (0, classnames_1.default)(classNameHeader, 'sideModal-header') },
+                        react_1.default.createElement(Styled.LeftWrapper, null,
+                            onBack && (react_1.default.createElement(Styled.BackButton, null,
+                                react_1.default.createElement(ArrowLeft_svg_1.default, { onClick: onBack }))),
+                            react_1.default.createElement(Styled.Title, { className: "sideModal-title" }, title)),
+                        rightContent || null),
+                    react_1.default.createElement(Styled.Content, { bottomHeight: bottomHeight, className: "sideModal-contentInside" },
+                        react_1.default.createElement(react_1.default.Fragment, null, children),
+                        bottomContent && (react_1.default.createElement(Styled.BottomContent, { ref: bottomRef }, bottomContent))),
+                    alert && (react_1.default.createElement(Alert_1.Alert, { modal: Object.assign(Object.assign({}, alert === null || alert === void 0 ? void 0 : alert.modal), { containerId: containerId }), confirmButton: Object.assign({}, alert === null || alert === void 0 ? void 0 : alert.confirmButton), cancelButton: Object.assign({}, alert === null || alert === void 0 ? void 0 : alert.cancelButton) })),
+                    modal && react_1.default.createElement(ModalInside_1.ModalInside, { data: modal, containerId: containerId }))))));
+};
+//# sourceMappingURL=SideModal.js.map

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

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

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

@@ -0,0 +1,240 @@
+"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

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