@cloud-ru/uikit-product-mobile-modal 0.9.18 → 0.9.20

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.9.20 (2025-11-13)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-mobile-drawer@0.9.17](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-drawer/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-tooltip@0.4.67](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-tooltip/CHANGELOG.md)
+* [@cloud-ru/uikit-product-utils@7.0.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.9.19 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.9.18 (2025-11-12)
 
 ### Only dependencies have been changed

package/dist/cjs/components/AdaptiveDrawer/AdaptiveDrawer.d.ts

@@ -0,0 +1,10 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { DrawerCustom, DrawerProps } from '@snack-uikit/drawer';
+import { MobileModalProps } from '../MobileModal';
+import { MobileModalCustom } from '../MobileModalCustom';
+export type AdaptiveDrawerProps = WithLayoutType<Omit<DrawerProps, 'size'> & {
+    size?: DrawerProps['size'] | MobileModalProps['size'];
+}>;
+export declare function AdaptiveDrawer({ layoutType, size, ...props }: AdaptiveDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function useAdaptiveDrawerCustom({ layoutType }: WithLayoutType): typeof MobileModalCustom | typeof DrawerCustom;
+export type { DrawerProps };

package/dist/cjs/components/AdaptiveDrawer/AdaptiveDrawer.js

@@ -0,0 +1,34 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptiveDrawer = AdaptiveDrawer;
+exports.useAdaptiveDrawerCustom = useAdaptiveDrawerCustom;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const drawer_1 = require("@snack-uikit/drawer");
+const constants_1 = require("../../constants");
+const MobileModal_1 = require("../MobileModal");
+const MobileModalCustom_1 = require("../MobileModalCustom");
+function AdaptiveDrawer(_a) {
+    var { layoutType, size } = _a, props = __rest(_a, ["layoutType", "size"]);
+    const isMobile = layoutType === 'mobile';
+    const mobileSize = size && Object.values(constants_1.SIZE).includes(size) ? size : undefined;
+    const desktopProps = Object.assign(Object.assign({}, props), { size: size && ['s', 'm', 'l'].includes(size) ? size : undefined });
+    return isMobile ? (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    (0, jsx_runtime_1.jsx)(MobileModal_1.MobileModal, Object.assign({ size: mobileSize }, props))) : ((0, jsx_runtime_1.jsx)(drawer_1.Drawer, Object.assign({}, desktopProps)));
+}
+function useAdaptiveDrawerCustom({ layoutType }) {
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? MobileModalCustom_1.MobileModalCustom : drawer_1.DrawerCustom;
+}

package/dist/cjs/components/AdaptiveDrawer/index.d.ts

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

package/dist/cjs/components/AdaptiveDrawer/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AdaptiveDrawer"), exports);

package/dist/cjs/components/AdaptiveModal/AdaptiveModal.d.ts

@@ -0,0 +1,10 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { ModalCustom, ModalProps } from '@snack-uikit/modal';
+import { MobileModalProps } from '../MobileModal';
+import { MobileModalCustom } from '../MobileModalCustom';
+export type AdaptiveModalProps = WithLayoutType<Omit<ModalProps, 'size'> & {
+    size?: ModalProps['size'] | MobileModalProps['size'];
+}>;
+export declare function AdaptiveModal({ layoutType, size, ...props }: AdaptiveModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function useAdaptiveModalCustom({ layoutType }: WithLayoutType): typeof MobileModalCustom | typeof ModalCustom;
+export type { ModalProps };

package/dist/cjs/components/AdaptiveModal/AdaptiveModal.js

@@ -0,0 +1,31 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptiveModal = AdaptiveModal;
+exports.useAdaptiveModalCustom = useAdaptiveModalCustom;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const modal_1 = require("@snack-uikit/modal");
+const constants_1 = require("../../constants");
+const MobileModal_1 = require("../MobileModal");
+const MobileModalCustom_1 = require("../MobileModalCustom");
+function AdaptiveModal(_a) {
+    var { layoutType, size } = _a, props = __rest(_a, ["layoutType", "size"]);
+    const isMobile = layoutType === 'mobile';
+    const mobileSize = size && Object.values(constants_1.SIZE).includes(size) ? size : undefined;
+    const desktopProps = Object.assign(Object.assign({}, props), { size: size && ['s', 'm', 'l'].includes(size) ? size : undefined });
+    return isMobile ? (0, jsx_runtime_1.jsx)(MobileModal_1.MobileModal, Object.assign({ size: mobileSize }, props)) : (0, jsx_runtime_1.jsx)(modal_1.Modal, Object.assign({}, desktopProps));
+}
+function useAdaptiveModalCustom({ layoutType }) {
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? MobileModalCustom_1.MobileModalCustom : modal_1.ModalCustom;
+}

package/dist/cjs/components/AdaptiveModal/index.d.ts

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

package/dist/cjs/components/AdaptiveModal/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AdaptiveModal"), exports);

package/dist/cjs/components/MobileModal/MobileModal.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { ButtonFilledProps, ButtonOutlineProps, ButtonSimpleProps } from '@snack-uikit/button';
+import { LinkProps } from '@snack-uikit/link';
+import { Align } from '../../types';
+import { MobileModalCustom, MobileModalCustomProps } from '../MobileModalCustom';
+export type MobileModalProps = Omit<MobileModalCustomProps, 'children'> & {
+    /** Заголовок модального окна */
+    title: string;
+    /** Всплывающая подсказка для заголовка */
+    titleTooltip?: MobileModalCustom.HeaderProps['titleTooltip'];
+    /** Подзаголовок */
+    subtitle?: string;
+    /** Содержимое модального окна */
+    content?: MobileModalCustom.BodyProps['content'];
+    /** Основная кнопка действия */
+    approveButton: Omit<ButtonFilledProps, 'size' | 'data-test-id'>;
+    /** Кнопка отмены */
+    cancelButton?: Omit<ButtonOutlineProps, 'size' | 'data-test-id'>;
+    /** Вторая кнопка действия */
+    additionalButton?: Omit<ButtonSimpleProps, 'size' | 'data-test-id'>;
+    /** Небольшой текст под кнопками футера с возможностью передать дополнительно ссылку */
+    disclaimer?: {
+        text: string;
+        link?: Pick<LinkProps, 'text' | 'href' | 'target'>;
+    };
+    /**
+     * Выравнивание, для разных размеров доступны разные значения
+     * <br> для size=`s` - все
+     */
+    align?: Align;
+    /**
+     *  Максимальное кол-во строк
+     * <br> - `title` - в заголовке
+     * <br> - `subtitle` - в подзаголовке
+     * @default '{ <br>title: 1; <br>subtitle: 2; }'
+     */
+    truncate?: {
+        title?: number;
+        subtitle?: number;
+    };
+    /** Управление состоянием загрузки */
+    loading?: boolean;
+    /** Содержимое состояния загрузки вместо спиннера по умолчанию */
+    loadingState?: ReactNode;
+};
+export declare function MobileModal({ title, titleTooltip, subtitle, content, approveButton, cancelButton, additionalButton, disclaimer, align, loading, loadingState, ...rest }: MobileModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/MobileModal/MobileModal.js

@@ -0,0 +1,47 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileModal = MobileModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const button_1 = require("@snack-uikit/button");
+const link_1 = require("@snack-uikit/link");
+const loaders_1 = require("@snack-uikit/loaders");
+const typography_1 = require("@snack-uikit/typography");
+const constants_1 = require("../../constants");
+const utils_1 = require("../../utils");
+const MobileModalCustom_1 = require("../MobileModalCustom");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobileModal(_a) {
+    var { title, titleTooltip, subtitle, content, approveButton, cancelButton, additionalButton, disclaimer, align = constants_1.ALIGN.Default, loading, loadingState } = _a, rest = __rest(_a, ["title", "titleTooltip", "subtitle", "content", "approveButton", "cancelButton", "additionalButton", "disclaimer", "align", "loading", "loadingState"]);
+    const aligns = (0, utils_1.getAlignProps)({ align });
+    const buttonsSize = (0, utils_1.getButtonsSize)();
+    const showFooter = !loading && (Boolean(approveButton) || Boolean(cancelButton) || Boolean(additionalButton) || Boolean(disclaimer));
+    const body = (0, react_1.useMemo)(() => {
+        if (loading) {
+            if (loadingState) {
+                return (0, jsx_runtime_1.jsx)(MobileModalCustom_1.MobileModalCustom.Body, { content: loadingState, align: aligns.body });
+            }
+            return ((0, jsx_runtime_1.jsx)(MobileModalCustom_1.MobileModalCustom.Body, { content: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.loaderWrapper, children: (0, jsx_runtime_1.jsx)(loaders_1.Spinner, { size: 'm', "data-test-id": constants_1.TEST_IDS.loadingSpinner }) }), align: aligns.body }));
+        }
+        if (content) {
+            return (0, jsx_runtime_1.jsx)(MobileModalCustom_1.MobileModalCustom.Body, { className: styles_module_scss_1.default.modalBody, content: content, align: aligns.body });
+        }
+        return null;
+    }, [aligns.body, content, loading, loadingState]);
+    return ((0, jsx_runtime_1.jsxs)(MobileModalCustom_1.MobileModalCustom, Object.assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(MobileModalCustom_1.MobileModalCustom.Header, { className: (0, classnames_1.default)({ [styles_module_scss_1.default.modalHeader]: !content }), title: title, titleTooltip: titleTooltip, subtitle: subtitle, align: aligns.header }), body, showFooter && ((0, jsx_runtime_1.jsx)(MobileModalCustom_1.MobileModalCustom.Footer, { actions: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [approveButton && ((0, jsx_runtime_1.jsx)(button_1.ButtonFilled, Object.assign({ appearance: 'primary' }, approveButton, { size: buttonsSize, className: (0, classnames_1.default)(styles_module_scss_1.default.footerButton, approveButton.className), "data-test-id": constants_1.TEST_IDS.approveButton }))), cancelButton && ((0, jsx_runtime_1.jsx)(button_1.ButtonOutline, Object.assign({ appearance: 'neutral' }, cancelButton, { size: buttonsSize, className: (0, classnames_1.default)(styles_module_scss_1.default.footerButton, cancelButton.className), "data-test-id": constants_1.TEST_IDS.cancelButton }))), additionalButton && ((0, jsx_runtime_1.jsx)(button_1.ButtonSimple, Object.assign({ appearance: 'neutral' }, additionalButton, { size: buttonsSize, className: (0, classnames_1.default)(styles_module_scss_1.default.footerButton, additionalButton.className), "data-test-id": constants_1.TEST_IDS.additionalButton })))] }), disclaimer: disclaimer && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { "data-test-id": constants_1.TEST_IDS.disclaimerText, children: disclaimer.text }), disclaimer.link && (0, jsx_runtime_1.jsx)(link_1.Link, Object.assign({}, disclaimer.link, { size: 's', "data-test-id": constants_1.TEST_IDS.disclaimerLink }))] })), align: aligns.footer, className: styles_module_scss_1.default.modalFooter }))] })));
+}

package/dist/cjs/components/MobileModal/index.d.ts

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

package/dist/cjs/components/MobileModal/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MobileModal"), exports);

package/dist/cjs/components/MobileModal/styles.module.css

@@ -0,0 +1,21 @@
+.modalFooter[data-align=vertical] .footerButton{
+  width:100%;
+}
+
+.modalBody{
+  flex:0 1 auto;
+  height:-moz-min-content;
+  height:min-content;
+}
+
+.modalHeader{
+  margin-bottom:24px;
+}
+
+.loaderWrapper{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  padding-top:var(--space-modal-body-top-bottom, 4px);
+  padding-bottom:var(--space-modal-footer-bottom, 32px);
+}

package/dist/cjs/components/MobileModalCustom/MobileModalCustom.d.ts

@@ -0,0 +1,28 @@
+import { MobileDrawerCustomProps } from '@sbercloud/uikit-product-mobile-drawer';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps } from '../../helperComponents';
+import { Mode, Size } from '../../types';
+export type MobileModalCustomProps = Pick<MobileDrawerCustomProps, 'open' | 'onClose' | 'className' | 'children' | 'closeButtonEnabled' | 'closeOnPopstate'> & WithSupportProps<{
+    /**
+     * Режим отображения модального окна:
+     * <br> - __`Regular`__ -  есть кнопка закрытия, клик на оверлей и нажатие кнопки `Esc` закрывают модалку
+     * <br> - __`Aggressive`__ - есть кнопка закрытия, но выключен клик на оверлей и не работает закрытие по клавише `Esc`
+     * <br> - __`Forced`__ - закрыть модальное окно можно только по нажатию на кнопку действия в нижней части
+     * @default Mode.Regular
+     */
+    mode?: Mode;
+    /**
+     * Размер модального окна
+     * @default Size.Auto
+     */
+    size?: Size;
+}>;
+export declare function MobileModalCustom({ size, mode, closeButtonEnabled, ...rest }: MobileModalCustomProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MobileModalCustom {
+    type HeaderProps = ModalHeaderProps;
+    type BodyProps = ModalBodyProps;
+    type FooterProps = ModalFooterProps;
+    const Header: typeof ModalHeader;
+    const Body: typeof ModalBody;
+    const Footer: typeof ModalFooter;
+}

package/dist/cjs/components/MobileModalCustom/MobileModalCustom.js

@@ -0,0 +1,27 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileModalCustom = MobileModalCustom;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_mobile_drawer_1 = require("@sbercloud/uikit-product-mobile-drawer");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+function MobileModalCustom(_a) {
+    var { size = constants_1.SIZE.Auto, mode = constants_1.MODE.Regular, closeButtonEnabled = false } = _a, rest = __rest(_a, ["size", "mode", "closeButtonEnabled"]);
+    return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_drawer_1.MobileDrawerCustom, Object.assign({}, rest, { modalMode: mode, size: size === constants_1.SIZE.Auto ? 'auto' : '100%', hasBorderRadius: true, position: 'bottom', swipeEnabled: true, closeButtonEnabled: closeButtonEnabled })));
+}
+(function (MobileModalCustom) {
+    MobileModalCustom.Header = helperComponents_1.ModalHeader;
+    MobileModalCustom.Body = helperComponents_1.ModalBody;
+    MobileModalCustom.Footer = helperComponents_1.ModalFooter;
+})(MobileModalCustom || (exports.MobileModalCustom = MobileModalCustom = {}));

package/dist/cjs/components/MobileModalCustom/index.d.ts

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

package/dist/cjs/components/MobileModalCustom/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MobileModalCustom"), exports);

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AdaptiveDrawer';
+export * from './AdaptiveModal';
+export * from './MobileModal';
+export * from './MobileModalCustom';

package/dist/cjs/components/index.js

@@ -0,0 +1,20 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AdaptiveDrawer"), exports);
+__exportStar(require("./AdaptiveModal"), exports);
+__exportStar(require("./MobileModal"), exports);
+__exportStar(require("./MobileModalCustom"), exports);

package/dist/cjs/constants.d.ts

@@ -0,0 +1,37 @@
+export declare const SIZE: {
+    readonly Full: "full";
+    readonly Auto: "auto";
+};
+export declare const MODE: {
+    readonly Regular: "regular";
+    readonly Aggressive: "aggressive";
+    readonly Forced: "forced";
+};
+export declare const ALIGN: {
+    readonly Default: "default";
+    readonly Center: "center";
+    readonly Vertical: "vertical";
+};
+export declare const CONTENT_ALIGN: {
+    readonly Default: "default";
+    readonly Center: "center";
+};
+export declare const TEST_IDS: {
+    overlay: string;
+    closeButton: string;
+    header: string;
+    title: string;
+    subtitle: string;
+    tooltip: string;
+    icon: string;
+    image: string;
+    content: string;
+    footer: string;
+    approveButton: string;
+    cancelButton: string;
+    additionalButton: string;
+    disclaimer: string;
+    disclaimerText: string;
+    disclaimerLink: string;
+    loadingSpinner: string;
+};

package/dist/cjs/constants.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEST_IDS = exports.CONTENT_ALIGN = exports.ALIGN = exports.MODE = exports.SIZE = void 0;
+exports.SIZE = {
+    Full: 'full',
+    Auto: 'auto',
+};
+exports.MODE = {
+    Regular: 'regular',
+    Aggressive: 'aggressive',
+    Forced: 'forced',
+};
+exports.ALIGN = {
+    Default: 'default',
+    Center: 'center',
+    Vertical: 'vertical',
+};
+exports.CONTENT_ALIGN = {
+    Default: 'default',
+    Center: 'center',
+};
+exports.TEST_IDS = {
+    overlay: 'modal__overlay',
+    closeButton: 'modal__close-button',
+    header: 'modal__header',
+    title: 'modal__title',
+    subtitle: 'modal__subtitle',
+    tooltip: 'modal__title-tooltip',
+    icon: 'modal__icon',
+    image: 'modal__image',
+    content: 'modal__body',
+    footer: 'modal__footer',
+    approveButton: 'modal__approve-button',
+    cancelButton: 'modal__cancel-button',
+    additionalButton: 'modal__additional-button',
+    disclaimer: 'modal__disclaimer',
+    disclaimerText: 'modal__disclaimer-text',
+    disclaimerLink: 'modal__disclaimer-link',
+    loadingSpinner: 'modal__loading-spinner',
+};

package/dist/cjs/helperComponents/Body/Body.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { ContentAlign } from '../../types';
+export type ModalBodyProps = WithSupportProps<{
+    /** Содержимое модального окна */
+    content: ReactNode;
+    /** Выравнивание контента */
+    align?: ContentAlign;
+    className?: string;
+}>;
+export declare function ModalBody({ content, align, className, ...rest }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/Body/Body.js

@@ -0,0 +1,27 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalBody = ModalBody;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_mobile_drawer_1 = require("@sbercloud/uikit-product-mobile-drawer");
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ModalBody(_a) {
+    var { content, align = constants_1.CONTENT_ALIGN.Default, className } = _a, rest = __rest(_a, ["content", "align", "className"]);
+    return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_drawer_1.MobileDrawerCustom.Body, Object.assign({ content: content, className: (0, classnames_1.default)(styles_module_scss_1.default.modalBody, className) }, (0, utils_1.extractSupportProps)(rest), { "data-align": align, "data-test-id": constants_1.TEST_IDS.content })));
+}

package/dist/cjs/helperComponents/Body/index.d.ts

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

package/dist/cjs/helperComponents/Body/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Body"), exports);

package/dist/cjs/helperComponents/Body/styles.module.css

@@ -0,0 +1,16 @@
+.modalBody{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  padding:var(--dimension-3m, 24px) var(--dimension-2m, 16px);
+  flex:1 1 auto;
+  box-sizing:border-box;
+  min-height:var(--dimension-2m, 16px);
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.modalBody[data-align=center]{
+  text-align:center;
+}

package/dist/cjs/helperComponents/Footer/Footer.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { Align } from '../../types';
+export type ModalFooterProps = WithSupportProps<{
+    /** Параметр для передачи кнопок */
+    actions: ReactNode;
+    /** Параметр для небольшого текста под кнопками */
+    disclaimer?: ReactNode;
+    /** Выравнивание контента */
+    align?: Align;
+    className?: string;
+}>;
+export declare function ModalFooter({ actions, disclaimer, align, className, ...rest }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/Footer/Footer.js

@@ -0,0 +1,26 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalFooter = ModalFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ModalFooter(_a) {
+    var { actions, disclaimer, align = constants_1.ALIGN.Default, className } = _a, rest = __rest(_a, ["actions", "disclaimer", "align", "className"]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-align": align, className: (0, classnames_1.default)(styles_module_scss_1.default.footer, className) }, (0, utils_1.extractSupportProps)(rest), { "data-test-id": constants_1.TEST_IDS.footer, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.footerActions, children: actions }), disclaimer && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.footerDisclaimer, "data-test-id": constants_1.TEST_IDS.disclaimer, children: disclaimer }))] })));
+}

package/dist/cjs/helperComponents/Footer/index.d.ts

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

package/dist/cjs/helperComponents/Footer/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Footer"), exports);