@cloud-ru/uikit-product-modal-predefined 2.1.2 → 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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-modal-predefined",
   "title": "Modal Predefined",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -57,5 +57,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "d170ad27cd3973716a165722c6775d803d3346bf"
+  "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