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

package/dist/cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/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/esm/components/AdaptiveDeleteModal/AdaptiveDeleteModal.js

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

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

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

package/dist/esm/components/AdaptiveDeleteModal/index.js

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

package/dist/esm/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/esm/components/AdaptiveRecallModal/AdaptiveRecallModal.js

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

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

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

package/dist/esm/components/AdaptiveRecallModal/index.js

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

package/dist/esm/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/esm/components/AdaptiveReleaseNotesModal/AdaptiveReleaseNotesModal.js

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

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

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

package/dist/esm/components/AdaptiveReleaseNotesModal/index.js

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

package/dist/esm/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/esm/components/DefaultDeleteModalBody/DefaultDeleteModalBody.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SwitchRow } from '@sbercloud/uikit-product-switch-row';
+import { ToggleGroup, useToggleGroup } from '@sbercloud/uikit-product-toggles-predefined';
+import styles from './styles.module.css';
+function ToggleSwitchRow({ id, title, titleTip, description }) {
+    const { isChecked, handleClick } = useToggleGroup({ value: id });
+    return (_jsx(SwitchRow, { title: title, description: description, tip: titleTip, checked: isChecked, onChange: handleClick }));
+}
+export function DefaultDeleteModalBody({ content, settings }) {
+    return (_jsxs("div", { className: styles.wrapper, children: [_jsx("div", { className: styles.content, children: content }), settings && (_jsx("div", { className: styles.settings, children: 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                _jsx(ToggleGroup, Object.assign({}, settings, { selectionMode: settings.selectionMode || 'multiple', children: settings.items.map(item => (_jsx(ToggleSwitchRow, Object.assign({}, item), item.id))) })) }))] }));
+}

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

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

package/dist/esm/components/DefaultDeleteModalBody/index.js

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

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

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

package/dist/esm/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/esm/components/DefaultRecallModalBody/DefaultRecallModalBody.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SwitchRow } from '@sbercloud/uikit-product-switch-row';
+import { ToggleGroup, useToggleGroup } from '@sbercloud/uikit-product-toggles-predefined';
+import styles from './styles.module.css';
+function ToggleSwitchRow({ id, title, titleTip, description }) {
+    const { isChecked, handleClick } = useToggleGroup({ value: id });
+    return (_jsx(SwitchRow, { title: title, description: description, tip: titleTip, checked: isChecked, onChange: handleClick }));
+}
+export function DefaultRecallModalBody({ content, settings }) {
+    return (_jsxs("div", { className: styles.wrapper, children: [_jsx("div", { className: styles.content, children: content }), settings && (_jsx("div", { className: styles.settings, children: 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                _jsx(ToggleGroup, Object.assign({}, settings, { selectionMode: settings.selectionMode || 'multiple', children: settings.items.map(item => (_jsx(ToggleSwitchRow, Object.assign({}, item), item.id))) })) }))] }));
+}

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

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

package/dist/esm/components/DefaultRecallModalBody/index.js

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

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

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

package/dist/esm/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/esm/components/DeleteModal/DeleteModal.js

@@ -0,0 +1,42 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { ButtonFilled, ButtonOutline } from '@snack-uikit/button';
+import { ModalCustom } from '@snack-uikit/modal';
+import { TruncateString } from '@snack-uikit/truncate-string';
+import { TEST_IDS } from '../../constants';
+import { InputConfirm } from '../../helperComponents';
+import { isDefined } from '../../helpers';
+import { useTextFieldValidation } from './hooks';
+import styles from './styles.module.css';
+export 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 } = useLocale('ModalPredefined');
+    const withInputConfirmation = isDefined(confirmText);
+    const _b = 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 (_jsxs(ModalCustom, Object.assign({}, restProps, { open: open, onClose: handleClose, children: [_jsx(ModalCustom.Header, { title: _jsx(TruncateString, { text: `${t('title')} ${objectType !== null && objectType !== void 0 ? objectType : ''}`, maxLines: 2 }), subtitle: subtitle, titleTooltip: titleTooltip }), description && _jsx(ModalCustom.Body, { content: _jsx("div", { className: styles.description, children: description }) }), _jsx(ModalCustom.Footer, { actions: _jsxs("div", { className: styles.footer, children: [withInputConfirmation && (_jsx(InputConfirm, Object.assign({ confirmText: confirmText, hideConfirmCopyButton: hideConfirmCopyButton, labelText: t('fieldLabel'), placeholder: t(`enterText.${confirmTextVariant}`) }, inputProps))), _jsxs("div", { className: styles.footerActions, children: [_jsx(ButtonFilled, { label: t('delete'), loading: deleting, "data-test-id": TEST_IDS.approveButton, onClick: handleDelete, size: 'm', appearance: 'destructive' }), _jsx(ButtonOutline, { label: t('cancel'), onClick: handleCancel, "data-test-id": TEST_IDS.closeButton, appearance: 'neutral', size: 'm' })] })] }) })] })));
+}

package/dist/esm/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/esm/components/DeleteModal/hooks.js

@@ -0,0 +1,30 @@
+import { useCallback, useRef, useState } from 'react';
+export function useTextFieldValidation({ target, errorText }) {
+    const ref = useRef(null);
+    const [value, setValue] = useState('');
+    const [error, setError] = 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 = useCallback(() => {
+        setValue('');
+        setError('');
+    }, []);
+    return { value, onChange, handleSubmit, reset, ref, error };
+}

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

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

package/dist/esm/components/DeleteModal/index.js

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

package/dist/esm/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/esm/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/esm/components/MobileDeleteModal/MobileDeleteModal.js

@@ -0,0 +1,41 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { MobileModalCustom } from '@sbercloud/uikit-product-mobile-modal';
+import { ButtonFilled, ButtonOutline } from '@snack-uikit/button';
+import { TEST_IDS } from '../../constants';
+import { InputConfirm } from '../../helperComponents';
+import { isDefined } from '../../helpers';
+import { useTextFieldValidation } from './hooks';
+import styles from './styles.module.css';
+export 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 } = useLocale('ModalPredefined');
+    const withInputConfirmation = isDefined(confirmText);
+    const _b = 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 (_jsxs(MobileModalCustom, Object.assign({}, restProps, { open: open, onClose: handleClose, children: [_jsx(MobileModalCustom.Header, { title: `${t('title')} ${objectType !== null && objectType !== void 0 ? objectType : ''}`, titleTooltip: titleTooltip, subtitle: subtitle }), _jsx(MobileModalCustom.Body, { content: _jsx("div", { className: styles.description, children: description }) }), _jsx(MobileModalCustom.Footer, { actions: _jsxs("div", { className: styles.footer, children: [withInputConfirmation && (_jsx(InputConfirm, Object.assign({ confirmText: confirmText, hideConfirmCopyButton: hideConfirmCopyButton, labelText: t('fieldLabel'), placeholder: t(`enterText.${confirmTextVariant}`) }, inputProps))), _jsxs("div", { className: styles.footerActions, children: [_jsx(ButtonFilled, { size: 'm', fullWidth: true, label: t('delete'), loading: deleting, onClick: handleDelete, appearance: 'destructive', "data-test-id": TEST_IDS.approveButton }), _jsx(ButtonOutline, { size: 'm', fullWidth: true, appearance: 'neutral', label: t('cancel'), onClick: handleCancel, "data-test-id": TEST_IDS.closeButton })] })] }) })] })));
+}

package/dist/esm/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/esm/components/MobileDeleteModal/hooks.js

@@ -0,0 +1,30 @@
+import { useCallback, useRef, useState } from 'react';
+export function useTextFieldValidation({ target, errorText }) {
+    const ref = useRef(null);
+    const [value, setValue] = useState('');
+    const [error, setError] = 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 = useCallback(() => {
+        setValue('');
+        setError('');
+    }, []);
+    return { value, onChange, handleSubmit, reset, ref, error };
+}

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

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

package/dist/esm/components/MobileDeleteModal/index.js

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

package/dist/esm/components/MobileDeleteModal/styles.module.css

@@ -0,0 +1,28 @@
+.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);
+}
+
+.footer{
+  width:100%;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-2m, 16px);
+}
+
+.footerActions{
+  display:flex;
+  flex-direction:row-reverse;
+  flex-wrap:wrap-reverse;
+  align-items:center;
+  gap:var(--dimension-1m, 8px);
+}

package/dist/esm/components/MobileRecallModal/MobileRecallModal.d.ts

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

package/dist/esm/components/MobileRecallModal/MobileRecallModal.js

@@ -0,0 +1,37 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { MobileModalCustom } from '@sbercloud/uikit-product-mobile-modal';
+import { ButtonFilled, ButtonOutline } from '@snack-uikit/button';
+import { InputConfirm } from '../../helperComponents';
+import { isDefined } from '../../helpers';
+import { useTextFieldValidation } from './hooks';
+import styles from './styles.module.css';
+export function MobileRecallModal(_a) {
+    var { confirmText, titleTooltip, hideConfirmCopyButton, description, onRecall, onClose, open, subtitle, loading } = _a, restProps = __rest(_a, ["confirmText", "titleTooltip", "hideConfirmCopyButton", "description", "onRecall", "onClose", "open", "subtitle", "loading"]);
+    const { t } = useLocale('ModalPredefined');
+    const withInputConfirmation = isDefined(confirmText);
+    const _b = useTextFieldValidation(confirmText), { reset, handleSubmit } = _b, inputProps = __rest(_b, ["reset", "handleSubmit"]);
+    const handleClose = () => {
+        onClose();
+        reset();
+    };
+    const handleCancel = () => {
+        onClose();
+        reset();
+    };
+    const handleDelete = handleSubmit(() => {
+        onRecall(handleClose);
+    });
+    return (_jsxs(MobileModalCustom, Object.assign({}, restProps, { open: open, onClose: handleClose, children: [_jsx(MobileModalCustom.Header, { title: t('recallTitle'), titleTooltip: titleTooltip, subtitle: subtitle }), _jsx(MobileModalCustom.Body, { content: _jsx("div", { className: styles.description, children: description }) }), _jsx(MobileModalCustom.Footer, { actions: _jsxs("div", { className: styles.footer, children: [withInputConfirmation && (_jsx(InputConfirm, Object.assign({ confirmText: confirmText, hideConfirmCopyButton: hideConfirmCopyButton, labelText: t('recallFieldLabel'), placeholder: t(`enterText.name`) }, inputProps))), _jsxs("div", { className: styles.footerActions, children: [_jsx(ButtonFilled, { label: t('recall'), loading: loading, onClick: handleDelete, size: 'm', appearance: 'destructive', fullWidth: true }), _jsx(ButtonOutline, { label: t('cancel'), onClick: handleCancel, appearance: 'neutral', size: 'm', fullWidth: true })] })] }) })] })));
+}

package/dist/esm/components/MobileRecallModal/hooks.d.ts

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

package/dist/esm/components/MobileRecallModal/hooks.js

@@ -0,0 +1,32 @@
+import { useCallback, useRef, useState } from 'react';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+export function useTextFieldValidation(target) {
+    const { t } = useLocale('ModalPredefined');
+    const ref = useRef(null);
+    const [value, setValue] = useState('');
+    const [error, setError] = 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(t('invalidText.name'));
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    };
+    const reset = useCallback(() => {
+        setValue('');
+        setError('');
+    }, []);
+    return { value, onChange, handleSubmit, reset, ref, error };
+}

package/dist/esm/components/MobileRecallModal/index.d.ts

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

package/dist/esm/components/MobileRecallModal/index.js

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