@cloud-ru/uikit-product-modal-predefined 0.9.3 → 0.9.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.9.4 (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.3 (2025-11-12)
 
 ### Only dependencies have been changed

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

@@ -0,0 +1,5 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { DeleteModalProps } from '../DeleteModal';
+export type AdaptiveDeleteModalProps = WithLayoutType<DeleteModalProps>;
+export declare function AdaptiveDeleteModal({ layoutType, ...props }: AdaptiveDeleteModalProps): import("react/jsx-runtime").JSX.Element;
+export type { DeleteModalProps };

package/dist/cjs/components/AdaptiveDeleteModal/AdaptiveDeleteModal.js

@@ -0,0 +1,22 @@
+"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.AdaptiveDeleteModal = AdaptiveDeleteModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DeleteModal_1 = require("../DeleteModal");
+const MobileDeleteModal_1 = require("../MobileDeleteModal");
+function AdaptiveDeleteModal(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? (0, jsx_runtime_1.jsx)(MobileDeleteModal_1.MobileDeleteModal, Object.assign({}, props)) : (0, jsx_runtime_1.jsx)(DeleteModal_1.DeleteModal, Object.assign({}, props));
+}

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

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

package/dist/cjs/components/AdaptiveDeleteModal/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("./AdaptiveDeleteModal"), exports);

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

@@ -0,0 +1,5 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { RecallModalProps } from '../RecallModal';
+export type AdaptiveRecallModalProps = WithLayoutType<RecallModalProps>;
+export declare function AdaptiveRecallModal({ layoutType, ...props }: AdaptiveRecallModalProps): import("react/jsx-runtime").JSX.Element;
+export type { RecallModalProps };

package/dist/cjs/components/AdaptiveRecallModal/AdaptiveRecallModal.js

@@ -0,0 +1,22 @@
+"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.AdaptiveRecallModal = AdaptiveRecallModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MobileRecallModal_1 = require("../MobileRecallModal");
+const RecallModal_1 = require("../RecallModal");
+function AdaptiveRecallModal(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? (0, jsx_runtime_1.jsx)(MobileRecallModal_1.MobileRecallModal, Object.assign({}, props)) : (0, jsx_runtime_1.jsx)(RecallModal_1.RecallModal, Object.assign({}, props));
+}

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

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

package/dist/cjs/components/AdaptiveRecallModal/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("./AdaptiveRecallModal"), exports);

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

@@ -0,0 +1,5 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { ReleaseNotesModalProps } from '../../types';
+export type AdaptiveReleaseNotesModalProps = WithLayoutType<ReleaseNotesModalProps>;
+export declare function AdaptiveReleaseNotesModal({ layoutType, ...props }: AdaptiveReleaseNotesModalProps): import("react/jsx-runtime").JSX.Element;
+export type { ReleaseNotesModalProps };

package/dist/cjs/components/AdaptiveReleaseNotesModal/AdaptiveReleaseNotesModal.js

@@ -0,0 +1,22 @@
+"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.AdaptiveReleaseNotesModal = AdaptiveReleaseNotesModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MobileReleaseNotesModal_1 = require("../MobileReleaseNotesModal");
+const ReleaseNotesModal_1 = require("../ReleaseNotesModal");
+function AdaptiveReleaseNotesModal(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? (0, jsx_runtime_1.jsx)(MobileReleaseNotesModal_1.MobileReleaseNotesModal, Object.assign({}, props)) : (0, jsx_runtime_1.jsx)(ReleaseNotesModal_1.ReleaseNotesModal, Object.assign({}, props));
+}

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

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

package/dist/cjs/components/AdaptiveReleaseNotesModal/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("./AdaptiveReleaseNotesModal"), exports);

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { ToggleGroupProps } from '@sbercloud/uikit-product-toggles-predefined';
+type ToggleSwitchRowProps = {
+    id: string;
+    title: string;
+    titleTip?: ReactNode;
+    description?: string;
+};
+export type DefaultDeleteModalBodyProps = {
+    content: ReactNode;
+    settings?: Pick<ToggleGroupProps, 'selectionMode' | 'value' | 'defaultValue' | 'onChange'> & {
+        items: ToggleSwitchRowProps[];
+    };
+};
+export declare function DefaultDeleteModalBody({ content, settings }: DefaultDeleteModalBodyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/DefaultDeleteModalBody/DefaultDeleteModalBody.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultDeleteModalBody = DefaultDeleteModalBody;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_switch_row_1 = require("@sbercloud/uikit-product-switch-row");
+const uikit_product_toggles_predefined_1 = require("@sbercloud/uikit-product-toggles-predefined");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ToggleSwitchRow({ id, title, titleTip, description }) {
+    const { isChecked, handleClick } = (0, uikit_product_toggles_predefined_1.useToggleGroup)({ value: id });
+    return ((0, jsx_runtime_1.jsx)(uikit_product_switch_row_1.SwitchRow, { title: title, description: description, tip: titleTip, checked: isChecked, onChange: handleClick }));
+}
+function DefaultDeleteModalBody({ content, settings }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.content, children: content }), settings && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.settings, children: 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                (0, jsx_runtime_1.jsx)(uikit_product_toggles_predefined_1.ToggleGroup, Object.assign({}, settings, { selectionMode: settings.selectionMode || 'multiple', children: settings.items.map(item => ((0, jsx_runtime_1.jsx)(ToggleSwitchRow, Object.assign({}, item), item.id))) })) }))] }));
+}

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

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

package/dist/cjs/components/DefaultDeleteModalBody/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("./DefaultDeleteModalBody"), exports);

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

@@ -0,0 +1,5 @@
+.wrapper{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-2m, 16px);
+}

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { ToggleGroupProps } from '@sbercloud/uikit-product-toggles-predefined';
+type ToggleSwitchRowProps = {
+    id: string;
+    title: string;
+    titleTip?: ReactNode;
+    description?: string;
+};
+export type DefaultRecallModalBodyProps = {
+    content: ReactNode;
+    settings?: Pick<ToggleGroupProps, 'selectionMode' | 'value' | 'defaultValue' | 'onChange'> & {
+        items: ToggleSwitchRowProps[];
+    };
+};
+export declare function DefaultRecallModalBody({ content, settings }: DefaultRecallModalBodyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/DefaultRecallModalBody/DefaultRecallModalBody.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultRecallModalBody = DefaultRecallModalBody;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_switch_row_1 = require("@sbercloud/uikit-product-switch-row");
+const uikit_product_toggles_predefined_1 = require("@sbercloud/uikit-product-toggles-predefined");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ToggleSwitchRow({ id, title, titleTip, description }) {
+    const { isChecked, handleClick } = (0, uikit_product_toggles_predefined_1.useToggleGroup)({ value: id });
+    return ((0, jsx_runtime_1.jsx)(uikit_product_switch_row_1.SwitchRow, { title: title, description: description, tip: titleTip, checked: isChecked, onChange: handleClick }));
+}
+function DefaultRecallModalBody({ content, settings }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.content, children: content }), settings && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.settings, children: 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                (0, jsx_runtime_1.jsx)(uikit_product_toggles_predefined_1.ToggleGroup, Object.assign({}, settings, { selectionMode: settings.selectionMode || 'multiple', children: settings.items.map(item => ((0, jsx_runtime_1.jsx)(ToggleSwitchRow, Object.assign({}, item), item.id))) })) }))] }));
+}

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

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

package/dist/cjs/components/DefaultRecallModalBody/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("./DefaultRecallModalBody"), exports);

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

@@ -0,0 +1,5 @@
+.wrapper{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-2m, 16px);
+}

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ModalCustom, ModalCustomProps } from '@snack-uikit/modal';
+export type DeleteModalProps = Pick<ModalCustomProps, 'open' | 'onClose' | 'mode'> & WithSupportProps<{
+    /** Всплывающая подсказка для заголовка */
+    titleTooltip?: ModalCustom.HeaderProps['titleTooltip'];
+    /** Тип удаляемого объекта. Отображается в заголовке модального окна */
+    objectType?: string;
+    /** Колбек нажатия кнопки удаления
+     *  @param onClose колбэк для закрытия модального окна
+     */
+    onDelete(onClose: () => void): void;
+    /** Состояние загрузки кнопки удаления */
+    deleting?: boolean;
+    /** Описание */
+    description?: ReactNode;
+    /** Текст для подтверждения удаления */
+    confirmText?: string;
+    /** Скрыть кнопку копирования для текста подтверждения */
+    hideConfirmCopyButton?: boolean;
+    /** Подзаголовок */
+    subtitle?: ReactNode;
+    /** Тип текста подтверждения */
+    confirmTextVariant?: 'name' | 'text';
+}>;
+export declare function DeleteModal({ confirmText, titleTooltip, hideConfirmCopyButton, description, objectType, onDelete, onClose, open, deleting, subtitle, confirmTextVariant, ...restProps }: DeleteModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/DeleteModal/DeleteModal.js

@@ -0,0 +1,48 @@
+"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.DeleteModal = DeleteModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const modal_1 = require("@snack-uikit/modal");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const helpers_1 = require("../../helpers");
+const hooks_1 = require("./hooks");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function DeleteModal(_a) {
+    var { confirmText, titleTooltip, hideConfirmCopyButton, description, objectType, onDelete, onClose, open, deleting, subtitle, confirmTextVariant = 'name' } = _a, restProps = __rest(_a, ["confirmText", "titleTooltip", "hideConfirmCopyButton", "description", "objectType", "onDelete", "onClose", "open", "deleting", "subtitle", "confirmTextVariant"]);
+    const { t } = (0, uikit_product_locale_1.useLocale)('ModalPredefined');
+    const withInputConfirmation = (0, helpers_1.isDefined)(confirmText);
+    const _b = (0, hooks_1.useTextFieldValidation)({
+        target: confirmText,
+        errorText: t(`invalidText.${confirmTextVariant}`),
+    }), { reset, handleSubmit } = _b, inputProps = __rest(_b, ["reset", "handleSubmit"]);
+    const handleClose = () => {
+        onClose();
+        reset();
+    };
+    const handleCancel = () => {
+        onClose();
+        reset();
+    };
+    const handleDelete = handleSubmit(() => {
+        onDelete(handleClose);
+    });
+    return ((0, jsx_runtime_1.jsxs)(modal_1.ModalCustom, Object.assign({}, restProps, { open: open, onClose: handleClose, children: [(0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Header, { title: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, { text: `${t('title')} ${objectType !== null && objectType !== void 0 ? objectType : ''}`, maxLines: 2 }), subtitle: subtitle, titleTooltip: titleTooltip }), description && (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Body, { content: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.description, children: description }) }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Footer, { actions: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, children: [withInputConfirmation && ((0, jsx_runtime_1.jsx)(helperComponents_1.InputConfirm, Object.assign({ confirmText: confirmText, hideConfirmCopyButton: hideConfirmCopyButton, labelText: t('fieldLabel'), placeholder: t(`enterText.${confirmTextVariant}`) }, inputProps))), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footerActions, children: [(0, jsx_runtime_1.jsx)(button_1.ButtonFilled, { label: t('delete'), loading: deleting, "data-test-id": constants_1.TEST_IDS.approveButton, onClick: handleDelete, size: 'm', appearance: 'destructive' }), (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { label: t('cancel'), onClick: handleCancel, "data-test-id": constants_1.TEST_IDS.closeButton, appearance: 'neutral', size: 'm' })] })] }) })] })));
+}

package/dist/cjs/components/DeleteModal/hooks.d.ts

@@ -0,0 +1,11 @@
+export declare function useTextFieldValidation({ target, errorText }: {
+    target: string | undefined;
+    errorText: string;
+}): {
+    value: string;
+    onChange: (newValue: string) => void;
+    handleSubmit: (cb: () => void) => () => void;
+    reset: () => void;
+    ref: import("react").RefObject<HTMLInputElement>;
+    error: string;
+};

package/dist/cjs/components/DeleteModal/hooks.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTextFieldValidation = useTextFieldValidation;
+const react_1 = require("react");
+function useTextFieldValidation({ target, errorText }) {
+    const ref = (0, react_1.useRef)(null);
+    const [value, setValue] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)('');
+    const onChange = (newValue) => {
+        setValue(() => newValue);
+        if (target === newValue) {
+            setError('');
+        }
+    };
+    const handleSubmit = (cb) => {
+        if (target === value || target === undefined) {
+            return () => {
+                setError('');
+                cb();
+            };
+        }
+        return () => {
+            var _a;
+            setError(errorText);
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    };
+    const reset = (0, react_1.useCallback)(() => {
+        setValue('');
+        setError('');
+    }, []);
+    return { value, onChange, handleSubmit, reset, ref, error };
+}

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

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

package/dist/cjs/components/DeleteModal/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("./DeleteModal"), exports);

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

@@ -0,0 +1,29 @@
+.description{
+  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);
+  color:var(--sys-neutral-text-support, #6d707f);
+  display:flex;
+  flex-direction:column;
+  width:100%;
+  gap:var(--dimension-1m, 8px);
+  word-break:break-word;
+}
+
+.footer{
+  width:100%;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-3m, 24px);
+}
+
+.footerActions{
+  display:flex;
+  flex-direction:row-reverse;
+  flex-wrap:wrap-reverse;
+  align-items:center;
+  gap:var(--dimension-1m, 8px);
+}

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { MobileModalCustom, MobileModalCustomProps } from '@sbercloud/uikit-product-mobile-modal';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type MobileDeleteModalProps = Pick<MobileModalCustomProps, 'open' | 'onClose' | 'mode'> & WithSupportProps<{
+    /** Всплывающая подсказка для заголовка */
+    titleTooltip?: MobileModalCustom.HeaderProps['titleTooltip'];
+    /** Тип удаляемого объекта. Отображается в заголовке модального окна */
+    objectType?: string;
+    /** Колбек нажатия кнопки удаления
+     *  @param onClose колбэк для закрытия модального окна
+     */
+    onDelete(onClose: () => void): void;
+    /** Состояние загрузки кнопки удаления */
+    deleting?: boolean;
+    /** Описание */
+    description?: ReactNode;
+    /** Текст для подтверждения удаления */
+    confirmText?: string;
+    /** Скрыть кнопку копирования для текста подтверждения */
+    hideConfirmCopyButton?: boolean;
+    /** Подзаголовок */
+    subtitle?: ReactNode;
+    /** Тип текста подтверждения */
+    confirmTextVariant?: 'name' | 'text';
+}>;
+export declare function MobileDeleteModal({ confirmText, titleTooltip, hideConfirmCopyButton, description, objectType, onDelete, onClose, open, subtitle, deleting, confirmTextVariant, ...restProps }: MobileDeleteModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/MobileDeleteModal/MobileDeleteModal.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.MobileDeleteModal = MobileDeleteModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_modal_1 = require("@sbercloud/uikit-product-mobile-modal");
+const button_1 = require("@snack-uikit/button");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const helpers_1 = require("../../helpers");
+const hooks_1 = require("./hooks");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobileDeleteModal(_a) {
+    var { confirmText, titleTooltip, hideConfirmCopyButton, description, objectType, onDelete, onClose, open, subtitle, deleting, confirmTextVariant = 'name' } = _a, restProps = __rest(_a, ["confirmText", "titleTooltip", "hideConfirmCopyButton", "description", "objectType", "onDelete", "onClose", "open", "subtitle", "deleting", "confirmTextVariant"]);
+    const { t } = (0, uikit_product_locale_1.useLocale)('ModalPredefined');
+    const withInputConfirmation = (0, helpers_1.isDefined)(confirmText);
+    const _b = (0, hooks_1.useTextFieldValidation)({
+        target: confirmText,
+        errorText: t(`invalidText.${confirmTextVariant}`),
+    }), { reset, handleSubmit } = _b, inputProps = __rest(_b, ["reset", "handleSubmit"]);
+    const handleClose = () => {
+        onClose();
+        reset();
+    };
+    const handleCancel = () => {
+        onClose();
+        reset();
+    };
+    const handleDelete = handleSubmit(() => {
+        onDelete(handleClose);
+    });
+    return ((0, jsx_runtime_1.jsxs)(uikit_product_mobile_modal_1.MobileModalCustom, Object.assign({}, restProps, { open: open, onClose: handleClose, children: [(0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Header, { title: `${t('title')} ${objectType !== null && objectType !== void 0 ? objectType : ''}`, titleTooltip: titleTooltip, subtitle: subtitle }), (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Body, { content: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.description, children: description }) }), (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Footer, { actions: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, children: [withInputConfirmation && ((0, jsx_runtime_1.jsx)(helperComponents_1.InputConfirm, Object.assign({ confirmText: confirmText, hideConfirmCopyButton: hideConfirmCopyButton, labelText: t('fieldLabel'), placeholder: t(`enterText.${confirmTextVariant}`) }, inputProps))), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footerActions, children: [(0, jsx_runtime_1.jsx)(button_1.ButtonFilled, { size: 'm', fullWidth: true, label: t('delete'), loading: deleting, onClick: handleDelete, appearance: 'destructive', "data-test-id": constants_1.TEST_IDS.approveButton }), (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { size: 'm', fullWidth: true, appearance: 'neutral', label: t('cancel'), onClick: handleCancel, "data-test-id": constants_1.TEST_IDS.closeButton })] })] }) })] })));
+}

package/dist/cjs/components/MobileDeleteModal/hooks.d.ts

@@ -0,0 +1,11 @@
+export declare function useTextFieldValidation({ target, errorText }: {
+    target: string | undefined;
+    errorText: string;
+}): {
+    value: string;
+    onChange: (newValue: string) => void;
+    handleSubmit: (cb: () => void) => () => void;
+    reset: () => void;
+    ref: import("react").RefObject<HTMLInputElement>;
+    error: string;
+};

package/dist/cjs/components/MobileDeleteModal/hooks.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTextFieldValidation = useTextFieldValidation;
+const react_1 = require("react");
+function useTextFieldValidation({ target, errorText }) {
+    const ref = (0, react_1.useRef)(null);
+    const [value, setValue] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)('');
+    const onChange = (newValue) => {
+        setValue(() => newValue);
+        if (target === newValue) {
+            setError('');
+        }
+    };
+    const handleSubmit = (cb) => {
+        if (target === value || target === undefined) {
+            return () => {
+                setError('');
+                cb();
+            };
+        }
+        return () => {
+            var _a;
+            setError(errorText);
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    };
+    const reset = (0, react_1.useCallback)(() => {
+        setValue('');
+        setError('');
+    }, []);
+    return { value, onChange, handleSubmit, reset, ref, error };
+}

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

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

package/dist/cjs/components/MobileDeleteModal/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("./MobileDeleteModal"), exports);