@cloud-ru/uikit-product-modal-predefined 2.1.3-preview-8999fa4c.0 → 2.1.3

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.
 
+## 2.1.3 (2026-03-24)
+
+
+### Bug Fixes
+
+* **PDS-3586:** reset field stage on close modal ([51565ca](https://github.com/cloud-ru-tech/uikit-product/commit/51565ca3c9f69cd14821769b5157e05968e5bb48))
+
+
+
+
+
 ## 2.1.2 (2026-03-17)
 
 ### Only dependencies have been changed

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

@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeleteModal = DeleteModal;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
 const button_1 = require("@snack-uikit/button");
 const modal_1 = require("@snack-uikit/modal");
@@ -35,14 +36,13 @@ function DeleteModal(_a) {
     }), { reset, handleSubmit } = _b, inputProps = __rest(_b, ["reset", "handleSubmit"]);
     const handleClose = () => {
         onClose();
-        reset();
     };
     const handleCancel = () => {
         onClose();
-        reset();
     };
     const handleDelete = handleSubmit(() => {
         onDelete(handleClose);
     });
+    (0, react_1.useEffect)(() => reset, [reset, open]);
     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/MobileDeleteModal/MobileDeleteModal.js

@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileDeleteModal = MobileDeleteModal;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
 const uikit_product_mobile_modal_1 = require("@cloud-ru/uikit-product-mobile-modal");
 const button_1 = require("@snack-uikit/button");
@@ -34,14 +35,13 @@ function MobileDeleteModal(_a) {
     }), { reset, handleSubmit } = _b, inputProps = __rest(_b, ["reset", "handleSubmit"]);
     const handleClose = () => {
         onClose();
-        reset();
     };
     const handleCancel = () => {
         onClose();
-        reset();
     };
     const handleDelete = handleSubmit(() => {
         onDelete(handleClose);
     });
+    (0, react_1.useEffect)(() => reset, [reset, open]);
     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/helperComponents/NoteItem/NoteItem.d.ts

@@ -8,7 +8,5 @@ export type NoteItemProps = {
         src: string;
         alt: string;
     };
-    /** URL видео (при наличии показывается вместо статичного изображения) */
-    video?: string;
 };
-export declare function NoteItem({ title, description, image, video }: NoteItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function NoteItem({ title, description, image }: NoteItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/NoteItem/NoteItem.js

@@ -5,27 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoteItem = NoteItem;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
 const uikit_product_markdown_1 = require("@cloud-ru/uikit-product-markdown");
 const scroll_1 = require("@snack-uikit/scroll");
-const skeleton_1 = require("@snack-uikit/skeleton");
 const typography_1 = require("@snack-uikit/typography");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function NoteItemMedia({ image, video }) {
-    const [videoReady, setVideoReady] = (0, react_1.useState)(false);
-    const [videoError, setVideoError] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        if (!video) {
-            return;
-        }
-        setVideoReady(false);
-        setVideoError(false);
-    }, [video]);
-    if (!video) {
-        return (0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt, className: styles_module_scss_1.default.noteItemIllustration });
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.noteItemIllustrationSlot, children: videoError ? ((0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt, className: styles_module_scss_1.default.noteItemIllustration })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("video", { src: video, className: styles_module_scss_1.default.noteItemVideo, muted: true, loop: true, playsInline: true, autoPlay: true, onLoadedData: () => setVideoReady(true), onError: () => setVideoError(true), "aria-hidden": true }), !videoReady && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.noteItemMediaSkeletonOverlay, children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { width: 380, height: 380, borderRadius: 8 }) }))] })) }));
-}
-function NoteItem({ title, description, image, video }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.noteItemWrapper, children: [(0, jsx_runtime_1.jsx)(scroll_1.Scroll, { size: 's', barHideStrategy: 'never', children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.noteItemText, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleL, { children: title }), (0, jsx_runtime_1.jsx)(uikit_product_markdown_1.Markdown, { value: description, className: styles_module_scss_1.default.noteItemMarkdownViewer })] }) }), (0, jsx_runtime_1.jsx)(NoteItemMedia, { image: image, video: video })] }));
+function NoteItem({ title, description, image }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.noteItemWrapper, children: [(0, jsx_runtime_1.jsx)(scroll_1.Scroll, { size: 's', barHideStrategy: 'never', children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.noteItemText, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleL, { children: title }), (0, jsx_runtime_1.jsx)(uikit_product_markdown_1.Markdown, { value: description, className: styles_module_scss_1.default.noteItemMarkdownViewer })] }) }), (0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt, className: styles_module_scss_1.default.noteItemIllustration })] }));
 }

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

@@ -12,15 +12,6 @@
   gap:var(--dimension-2m, 16px);
 }
 
-.noteItemIllustrationSlot{
-  position:relative;
-  flex-shrink:0;
-  width:380px;
-  height:380px;
-  border-radius:var(--dimension-1m, 8px);
-  overflow:hidden;
-}
-
 .noteItemIllustration{
   border-radius:var(--dimension-1m, 8px);
   width:380px;
@@ -28,31 +19,6 @@
   -o-object-fit:cover;
      object-fit:cover;
   pointer-events:none;
-  display:block;
-}
-
-.noteItemIllustrationSlot .noteItemIllustration,
-.noteItemVideo{
-  width:100%;
-  height:100%;
-  border-radius:0;
-}
-
-.noteItemVideo{
-  -o-object-fit:cover;
-     object-fit:cover;
-  pointer-events:none;
-  display:block;
-}
-
-.noteItemMediaSkeletonOverlay{
-  position:absolute;
-  inset:0;
-  display:flex;
-  align-items:center;
-  justify-content:center;
-  border-radius:inherit;
-  pointer-events:none;
 }
 
 .noteItemMarkdownViewer{

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

@@ -5,5 +5,5 @@ type NoteItemMobileProps = NoteItemProps & {
     childrenScrollRefs: RefObject<HTMLElement[]>;
     onScrollRefInitialized(): void;
 };
-export declare function NoteItemMobile({ title, description, image, video, childrenScrollRefs, index, onScrollRefInitialized, }: NoteItemMobileProps): import("react/jsx-runtime").JSX.Element;
+export declare function NoteItemMobile({ title, description, image, childrenScrollRefs, index, onScrollRefInitialized, }: NoteItemMobileProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/helperComponents/NoteItemMobile/NoteItemMobile.js

@@ -5,32 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoteItemMobile = NoteItemMobile;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
 const uikit_product_markdown_1 = require("@cloud-ru/uikit-product-markdown");
 const scroll_1 = require("@snack-uikit/scroll");
-const skeleton_1 = require("@snack-uikit/skeleton");
 const typography_1 = require("@snack-uikit/typography");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function NoteItemMobileMedia({ image, video }) {
-    const [videoReady, setVideoReady] = (0, react_1.useState)(false);
-    const [videoError, setVideoError] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        if (!video) {
-            return;
-        }
-        setVideoReady(false);
-        setVideoError(false);
-    }, [video]);
-    if (!video) {
-        return (0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt, className: styles_module_scss_1.default.noteItemIllustration });
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.noteItemIllustrationSlot, children: videoError ? ((0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt, className: styles_module_scss_1.default.noteItemIllustration })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("video", { src: video, className: styles_module_scss_1.default.noteItemVideo, muted: true, loop: true, playsInline: true, autoPlay: true, onLoadedData: () => setVideoReady(true), onError: () => setVideoError(true), "aria-hidden": true }), !videoReady && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.noteItemMediaSkeletonOverlay, children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { width: '100%', height: '100%', borderRadius: 8 }) }))] })) }));
-}
-function NoteItemMobile({ title, description, image, video, childrenScrollRefs, index, onScrollRefInitialized, }) {
+function NoteItemMobile({ title, description, image, childrenScrollRefs, index, onScrollRefInitialized, }) {
     return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.noteItemWrapper, children: (0, jsx_runtime_1.jsx)(scroll_1.Scroll, { size: 'm', barHideStrategy: 'never', ref: el => {
                 if (childrenScrollRefs.current && el) {
                     childrenScrollRefs.current[index] = el;
                     onScrollRefInitialized();
                 }
-            }, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.noteItemContent, children: [(0, jsx_runtime_1.jsx)(NoteItemMobileMedia, { image: image, video: video }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleL, { children: title }), (0, jsx_runtime_1.jsx)(uikit_product_markdown_1.Markdown, { value: description, className: styles_module_scss_1.default.noteItemMarkdownViewer })] }) }) }));
+            }, children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.noteItemContent, children: [(0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt, className: styles_module_scss_1.default.noteItemIllustration }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleL, { children: title }), (0, jsx_runtime_1.jsx)(uikit_product_markdown_1.Markdown, { value: description, className: styles_module_scss_1.default.noteItemMarkdownViewer })] }) }) }));
 }

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

@@ -10,50 +10,11 @@
   padding-right:var(--dimension-2m, 16px);
 }
 
-.noteItemIllustrationSlot{
-  position:relative;
-  width:100%;
-  max-width:380px;
-  align-self:center;
-  aspect-ratio:1/1;
-  border-radius:var(--dimension-1m, 8px);
-  overflow:hidden;
-}
-
 .noteItemIllustration{
   width:100%;
-  height:auto;
   pointer-events:none;
   max-width:380px;
   align-self:center;
-  display:block;
-}
-
-.noteItemIllustrationSlot .noteItemIllustration{
-  width:100%;
-  height:100%;
-  max-width:none;
-  -o-object-fit:cover;
-     object-fit:cover;
-}
-
-.noteItemVideo{
-  width:100%;
-  height:100%;
-  -o-object-fit:cover;
-     object-fit:cover;
-  pointer-events:none;
-  display:block;
-}
-
-.noteItemMediaSkeletonOverlay{
-  position:absolute;
-  inset:0;
-  display:flex;
-  align-items:stretch;
-  justify-content:stretch;
-  border-radius:inherit;
-  pointer-events:none;
 }
 
 .noteItemSkeletonWrapper{

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

@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
 import { useLocale } from '@cloud-ru/uikit-product-locale';
 import { ButtonFilled, ButtonOutline } from '@snack-uikit/button';
 import { ModalCustom } from '@snack-uikit/modal';
@@ -29,14 +30,13 @@ export function DeleteModal(_a) {
     }), { reset, handleSubmit } = _b, inputProps = __rest(_b, ["reset", "handleSubmit"]);
     const handleClose = () => {
         onClose();
-        reset();
     };
     const handleCancel = () => {
         onClose();
-        reset();
     };
     const handleDelete = handleSubmit(() => {
         onDelete(handleClose);
     });
+    useEffect(() => reset, [reset, open]);
     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/MobileDeleteModal/MobileDeleteModal.js

@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
 import { useLocale } from '@cloud-ru/uikit-product-locale';
 import { MobileModalCustom } from '@cloud-ru/uikit-product-mobile-modal';
 import { ButtonFilled, ButtonOutline } from '@snack-uikit/button';
@@ -28,14 +29,13 @@ export function MobileDeleteModal(_a) {
     }), { reset, handleSubmit } = _b, inputProps = __rest(_b, ["reset", "handleSubmit"]);
     const handleClose = () => {
         onClose();
-        reset();
     };
     const handleCancel = () => {
         onClose();
-        reset();
     };
     const handleDelete = handleSubmit(() => {
         onDelete(handleClose);
     });
+    useEffect(() => reset, [reset, open]);
     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/helperComponents/NoteItem/NoteItem.d.ts

@@ -8,7 +8,5 @@ export type NoteItemProps = {
         src: string;
         alt: string;
     };
-    /** URL видео (при наличии показывается вместо статичного изображения) */
-    video?: string;
 };
-export declare function NoteItem({ title, description, image, video }: NoteItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function NoteItem({ title, description, image }: NoteItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/NoteItem/NoteItem.js

@@ -1,25 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Markdown } from '@cloud-ru/uikit-product-markdown';
 import { Scroll } from '@snack-uikit/scroll';
-import { Skeleton } from '@snack-uikit/skeleton';
 import { Typography } from '@snack-uikit/typography';
 import styles from './styles.module.css';
-function NoteItemMedia({ image, video }) {
-    const [videoReady, setVideoReady] = useState(false);
-    const [videoError, setVideoError] = useState(false);
-    useEffect(() => {
-        if (!video) {
-            return;
-        }
-        setVideoReady(false);
-        setVideoError(false);
-    }, [video]);
-    if (!video) {
-        return _jsx("img", { src: image.src, alt: image.alt, className: styles.noteItemIllustration });
-    }
-    return (_jsx("div", { className: styles.noteItemIllustrationSlot, children: videoError ? (_jsx("img", { src: image.src, alt: image.alt, className: styles.noteItemIllustration })) : (_jsxs(_Fragment, { children: [_jsx("video", { src: video, className: styles.noteItemVideo, muted: true, loop: true, playsInline: true, autoPlay: true, onLoadedData: () => setVideoReady(true), onError: () => setVideoError(true), "aria-hidden": true }), !videoReady && (_jsx("div", { className: styles.noteItemMediaSkeletonOverlay, children: _jsx(Skeleton, { width: 380, height: 380, borderRadius: 8 }) }))] })) }));
-}
-export function NoteItem({ title, description, image, video }) {
-    return (_jsxs("div", { className: styles.noteItemWrapper, children: [_jsx(Scroll, { size: 's', barHideStrategy: 'never', children: _jsxs("div", { className: styles.noteItemText, children: [_jsx(Typography.SansTitleL, { children: title }), _jsx(Markdown, { value: description, className: styles.noteItemMarkdownViewer })] }) }), _jsx(NoteItemMedia, { image: image, video: video })] }));
+export function NoteItem({ title, description, image }) {
+    return (_jsxs("div", { className: styles.noteItemWrapper, children: [_jsx(Scroll, { size: 's', barHideStrategy: 'never', children: _jsxs("div", { className: styles.noteItemText, children: [_jsx(Typography.SansTitleL, { children: title }), _jsx(Markdown, { value: description, className: styles.noteItemMarkdownViewer })] }) }), _jsx("img", { src: image.src, alt: image.alt, className: styles.noteItemIllustration })] }));
 }

package/dist/esm/helperComponents/NoteItem/styles.module.css

@@ -12,15 +12,6 @@
   gap:var(--dimension-2m, 16px);
 }
 
-.noteItemIllustrationSlot{
-  position:relative;
-  flex-shrink:0;
-  width:380px;
-  height:380px;
-  border-radius:var(--dimension-1m, 8px);
-  overflow:hidden;
-}
-
 .noteItemIllustration{
   border-radius:var(--dimension-1m, 8px);
   width:380px;
@@ -28,31 +19,6 @@
   -o-object-fit:cover;
      object-fit:cover;
   pointer-events:none;
-  display:block;
-}
-
-.noteItemIllustrationSlot .noteItemIllustration,
-.noteItemVideo{
-  width:100%;
-  height:100%;
-  border-radius:0;
-}
-
-.noteItemVideo{
-  -o-object-fit:cover;
-     object-fit:cover;
-  pointer-events:none;
-  display:block;
-}
-
-.noteItemMediaSkeletonOverlay{
-  position:absolute;
-  inset:0;
-  display:flex;
-  align-items:center;
-  justify-content:center;
-  border-radius:inherit;
-  pointer-events:none;
 }
 
 .noteItemMarkdownViewer{

package/dist/esm/helperComponents/NoteItemMobile/NoteItemMobile.d.ts

@@ -5,5 +5,5 @@ type NoteItemMobileProps = NoteItemProps & {
     childrenScrollRefs: RefObject<HTMLElement[]>;
     onScrollRefInitialized(): void;
 };
-export declare function NoteItemMobile({ title, description, image, video, childrenScrollRefs, index, onScrollRefInitialized, }: NoteItemMobileProps): import("react/jsx-runtime").JSX.Element;
+export declare function NoteItemMobile({ title, description, image, childrenScrollRefs, index, onScrollRefInitialized, }: NoteItemMobileProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/helperComponents/NoteItemMobile/NoteItemMobile.js

@@ -1,30 +1,13 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Markdown } from '@cloud-ru/uikit-product-markdown';
 import { Scroll } from '@snack-uikit/scroll';
-import { Skeleton } from '@snack-uikit/skeleton';
 import { Typography } from '@snack-uikit/typography';
 import styles from './styles.module.css';
-function NoteItemMobileMedia({ image, video }) {
-    const [videoReady, setVideoReady] = useState(false);
-    const [videoError, setVideoError] = useState(false);
-    useEffect(() => {
-        if (!video) {
-            return;
-        }
-        setVideoReady(false);
-        setVideoError(false);
-    }, [video]);
-    if (!video) {
-        return _jsx("img", { src: image.src, alt: image.alt, className: styles.noteItemIllustration });
-    }
-    return (_jsx("div", { className: styles.noteItemIllustrationSlot, children: videoError ? (_jsx("img", { src: image.src, alt: image.alt, className: styles.noteItemIllustration })) : (_jsxs(_Fragment, { children: [_jsx("video", { src: video, className: styles.noteItemVideo, muted: true, loop: true, playsInline: true, autoPlay: true, onLoadedData: () => setVideoReady(true), onError: () => setVideoError(true), "aria-hidden": true }), !videoReady && (_jsx("div", { className: styles.noteItemMediaSkeletonOverlay, children: _jsx(Skeleton, { width: '100%', height: '100%', borderRadius: 8 }) }))] })) }));
-}
-export function NoteItemMobile({ title, description, image, video, childrenScrollRefs, index, onScrollRefInitialized, }) {
+export function NoteItemMobile({ title, description, image, childrenScrollRefs, index, onScrollRefInitialized, }) {
     return (_jsx("div", { className: styles.noteItemWrapper, children: _jsx(Scroll, { size: 'm', barHideStrategy: 'never', ref: el => {
                 if (childrenScrollRefs.current && el) {
                     childrenScrollRefs.current[index] = el;
                     onScrollRefInitialized();
                 }
-            }, children: _jsxs("div", { className: styles.noteItemContent, children: [_jsx(NoteItemMobileMedia, { image: image, video: video }), _jsx(Typography.SansTitleL, { children: title }), _jsx(Markdown, { value: description, className: styles.noteItemMarkdownViewer })] }) }) }));
+            }, children: _jsxs("div", { className: styles.noteItemContent, children: [_jsx("img", { src: image.src, alt: image.alt, className: styles.noteItemIllustration }), _jsx(Typography.SansTitleL, { children: title }), _jsx(Markdown, { value: description, className: styles.noteItemMarkdownViewer })] }) }) }));
 }

package/dist/esm/helperComponents/NoteItemMobile/styles.module.css

@@ -10,50 +10,11 @@
   padding-right:var(--dimension-2m, 16px);
 }
 
-.noteItemIllustrationSlot{
-  position:relative;
-  width:100%;
-  max-width:380px;
-  align-self:center;
-  aspect-ratio:1/1;
-  border-radius:var(--dimension-1m, 8px);
-  overflow:hidden;
-}
-
 .noteItemIllustration{
   width:100%;
-  height:auto;
   pointer-events:none;
   max-width:380px;
   align-self:center;
-  display:block;
-}
-
-.noteItemIllustrationSlot .noteItemIllustration{
-  width:100%;
-  height:100%;
-  max-width:none;
-  -o-object-fit:cover;
-     object-fit:cover;
-}
-
-.noteItemVideo{
-  width:100%;
-  height:100%;
-  -o-object-fit:cover;
-     object-fit:cover;
-  pointer-events:none;
-  display:block;
-}
-
-.noteItemMediaSkeletonOverlay{
-  position:absolute;
-  inset:0;
-  display:flex;
-  align-items:stretch;
-  justify-content:stretch;
-  border-radius:inherit;
-  pointer-events:none;
 }
 
 .noteItemSkeletonWrapper{

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-modal-predefined",
   "title": "Modal Predefined",
-  "version": "2.1.3-preview-8999fa4c.0",
+  "version": "2.1.3",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -57,5 +57,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "9567a42878d4d74b14f117ccde9ab9904c724abd"
+  "gitHead": "77ed2ce1843bb25f87d981ac273158c60faa7e35"
 }

package/src/components/DeleteModal/DeleteModal.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, useEffect } from 'react';
 
 import { useLocale } from '@cloud-ru/uikit-product-locale';
 import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
@@ -61,18 +61,18 @@ export function DeleteModal({
 
   const handleClose = () => {
     onClose();
-    reset();
   };
 
   const handleCancel = () => {
     onClose();
-    reset();
   };
 
   const handleDelete = handleSubmit(() => {
     onDelete(handleClose);
   });
 
+  useEffect(() => reset, [reset, open]);
+
   return (
     <ModalCustom {...restProps} open={open} onClose={handleClose}>
       <ModalCustom.Header

package/src/components/MobileDeleteModal/MobileDeleteModal.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, useEffect } from 'react';
 
 import { useLocale } from '@cloud-ru/uikit-product-locale';
 import { MobileModalCustom, MobileModalCustomProps } from '@cloud-ru/uikit-product-mobile-modal';
@@ -60,18 +60,18 @@ export function MobileDeleteModal({
 
   const handleClose = () => {
     onClose();
-    reset();
   };
 
   const handleCancel = () => {
     onClose();
-    reset();
   };
 
   const handleDelete = handleSubmit(() => {
     onDelete(handleClose);
   });
 
+  useEffect(() => reset, [reset, open]);
+
   return (
     <MobileModalCustom {...restProps} open={open} onClose={handleClose}>
       <MobileModalCustom.Header

package/src/helperComponents/NoteItem/NoteItem.tsx

@@ -1,8 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { Markdown } from '@cloud-ru/uikit-product-markdown';
 import { Scroll } from '@snack-uikit/scroll';
-import { Skeleton } from '@snack-uikit/skeleton';
 import { Typography } from '@snack-uikit/typography';
 
 import styles from './styles.module.scss';
@@ -14,55 +11,9 @@ export type NoteItemProps = {
   description: string;
   /** Иллюстрация (изображение) */
   image: { src: string; alt: string };
-  /** URL видео (при наличии показывается вместо статичного изображения) */
-  video?: string;
 };
 
-function NoteItemMedia({ image, video }: Pick<NoteItemProps, 'image' | 'video'>) {
-  const [videoReady, setVideoReady] = useState(false);
-  const [videoError, setVideoError] = useState(false);
-
-  useEffect(() => {
-    if (!video) {
-      return;
-    }
-    setVideoReady(false);
-    setVideoError(false);
-  }, [video]);
-
-  if (!video) {
-    return <img src={image.src} alt={image.alt} className={styles.noteItemIllustration} />;
-  }
-
-  return (
-    <div className={styles.noteItemIllustrationSlot}>
-      {videoError ? (
-        <img src={image.src} alt={image.alt} className={styles.noteItemIllustration} />
-      ) : (
-        <>
-          <video
-            src={video}
-            className={styles.noteItemVideo}
-            muted
-            loop
-            playsInline
-            autoPlay
-            onLoadedData={() => setVideoReady(true)}
-            onError={() => setVideoError(true)}
-            aria-hidden
-          />
-          {!videoReady && (
-            <div className={styles.noteItemMediaSkeletonOverlay}>
-              <Skeleton width={380} height={380} borderRadius={8} />
-            </div>
-          )}
-        </>
-      )}
-    </div>
-  );
-}
-
-export function NoteItem({ title, description, image, video }: NoteItemProps) {
+export function NoteItem({ title, description, image }: NoteItemProps) {
   return (
     <div className={styles.noteItemWrapper}>
       <Scroll size='s' barHideStrategy='never'>
@@ -71,7 +22,7 @@ export function NoteItem({ title, description, image, video }: NoteItemProps) {
           <Markdown value={description} className={styles.noteItemMarkdownViewer} />
         </div>
       </Scroll>
-      <NoteItemMedia image={image} video={video} />
+      <img src={image.src} alt={image.alt} className={styles.noteItemIllustration} />
     </div>
   );
 }

package/src/helperComponents/NoteItem/styles.module.scss

@@ -14,46 +14,12 @@
   gap: styles-theme-variables.$dimension-2m;
 }
 
-.noteItemIllustrationSlot {
-  position: relative;
-  flex-shrink: 0;
-  width: 380px;
-  height: 380px;
-  border-radius: styles-theme-variables.$dimension-1m;
-  overflow: hidden;
-}
-
 .noteItemIllustration {
   border-radius: styles-theme-variables.$dimension-1m;
   width: 380px;
   height: 380px;
   object-fit: cover;
   pointer-events: none;
-  display: block;
-}
-
-.noteItemIllustrationSlot .noteItemIllustration,
-.noteItemVideo {
-  width: 100%;
-  height: 100%;
-  border-radius: 0;
-}
-
-.noteItemVideo {
-  object-fit: cover;
-  pointer-events: none;
-  display: block;
-}
-
-.noteItemMediaSkeletonOverlay {
-  position: absolute;
-  inset: 0;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: inherit;
-  pointer-events: none;
 }
 
 .noteItemMarkdownViewer {

package/src/helperComponents/NoteItemMobile/NoteItemMobile.tsx

@@ -1,8 +1,7 @@
-import { RefObject, useEffect, useState } from 'react';
+import { RefObject } from 'react';
 
 import { Markdown } from '@cloud-ru/uikit-product-markdown';
 import { Scroll } from '@snack-uikit/scroll';
-import { Skeleton } from '@snack-uikit/skeleton';
 import { Typography } from '@snack-uikit/typography';
 
 import { NoteItemProps } from '../NoteItem';
@@ -14,55 +13,10 @@ type NoteItemMobileProps = NoteItemProps & {
   onScrollRefInitialized(): void;
 };
 
-function NoteItemMobileMedia({ image, video }: Pick<NoteItemProps, 'image' | 'video'>) {
-  const [videoReady, setVideoReady] = useState(false);
-  const [videoError, setVideoError] = useState(false);
-
-  useEffect(() => {
-    if (!video) {
-      return;
-    }
-    setVideoReady(false);
-    setVideoError(false);
-  }, [video]);
-
-  if (!video) {
-    return <img src={image.src} alt={image.alt} className={styles.noteItemIllustration} />;
-  }
-
-  return (
-    <div className={styles.noteItemIllustrationSlot}>
-      {videoError ? (
-        <img src={image.src} alt={image.alt} className={styles.noteItemIllustration} />
-      ) : (
-        <>
-          <video
-            src={video}
-            className={styles.noteItemVideo}
-            muted
-            loop
-            playsInline
-            autoPlay
-            onLoadedData={() => setVideoReady(true)}
-            onError={() => setVideoError(true)}
-            aria-hidden
-          />
-          {!videoReady && (
-            <div className={styles.noteItemMediaSkeletonOverlay}>
-              <Skeleton width='100%' height='100%' borderRadius={8} />
-            </div>
-          )}
-        </>
-      )}
-    </div>
-  );
-}
-
 export function NoteItemMobile({
   title,
   description,
   image,
-  video,
   childrenScrollRefs,
   index,
   onScrollRefInitialized,
@@ -80,7 +34,7 @@ export function NoteItemMobile({
         }}
       >
         <div className={styles.noteItemContent}>
-          <NoteItemMobileMedia image={image} video={video} />
+          <img src={image.src} alt={image.alt} className={styles.noteItemIllustration} />
           <Typography.SansTitleL>{title}</Typography.SansTitleL>
           <Markdown value={description} className={styles.noteItemMarkdownViewer} />
         </div>

package/src/helperComponents/NoteItemMobile/styles.module.scss

@@ -13,49 +13,11 @@
   padding-right: styles-tokens-drawer.$dimension-2m;
 }
 
-.noteItemIllustrationSlot {
-  position: relative;
-  width: 100%;
-  max-width: 380px;
-  align-self: center;
-  aspect-ratio: 1 / 1;
-  border-radius: styles-theme-variables.$dimension-1m;
-  overflow: hidden;
-}
-
 .noteItemIllustration {
   width: 100%;
-  height: auto;
   pointer-events: none;
   max-width: 380px;
   align-self: center;
-  display: block;
-}
-
-.noteItemIllustrationSlot .noteItemIllustration {
-  width: 100%;
-  height: 100%;
-  max-width: none;
-  object-fit: cover;
-}
-
-.noteItemVideo {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  pointer-events: none;
-  display: block;
-}
-
-.noteItemMediaSkeletonOverlay {
-  position: absolute;
-  inset: 0;
-
-  display: flex;
-  align-items: stretch;
-  justify-content: stretch;
-  border-radius: inherit;
-  pointer-events: none;
 }
 
 .noteItemSkeletonWrapper {