@cloud-ru/ds-uikit-product-modal-predefined 1.0.42 → 1.0.43

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.43 (2026-10-07)
+
+### Bug Fixes
+
+- **FF-8797:** render DeleteModal and RecallModal actions through ModalCustom footer slots ([4c3467e](https://github.com/cloud-ru-tech/snack-v2/commit/4c3467e63dbf8ddbecbd0a87ae29bc9fc5e9a3d4))
+
 ## 1.0.42 (2026-10-06)
 
 **Note:** Version bump only for package @ds/uikit-product-modal-predefined

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

@@ -35,5 +35,10 @@ function DeleteModal({ open, onClose, mode, closeOnPopstate, objectType, titleTo
         }
         onDelete(handleClose);
     };
-    return ((0, jsx_runtime_1.jsxs)(modal_1.ModalCustom, { open: open, onClose: handleClose, mode: mode, closeOnPopstate: closeOnPopstate, width: modal_1.WIDTH.S, "data-test-id": constants_1.TEST_IDS.deleteModal, ...rest, children: [(0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Header, { title: title, subtitle: subtitle, slotAfterTitle: titleTooltip ? (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, { size: 's', tip: titleTooltip }) : undefined }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Body, { className: styles_module_scss_1.default.body, content: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [content ?? t('deleteModal.content'), shouldShowConfirm && ((0, jsx_runtime_1.jsx)(helperComponents_1.InputConfirm, { ref: inputRef, confirmText: confirmText ?? '', hideConfirmCopyButton: hideConfirmCopyButton, value: value, error: error, size: 'l', copyLineAlign: 'start', confirmLabel: t('deleteModal.confirmLabel'), placeholder: confirmPlaceholder, onChange: handleChange }))] }) }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Footer, { children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { size: button_1.SIZE.L, view: button_1.VIEW.Outline, appearance: button_1.APPEARANCE.Neutral, label: t('deleteModal.cancel'), onClick: handleClose, "data-test-id": constants_1.TEST_IDS.cancelButton }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: button_1.SIZE.L, view: button_1.VIEW.Filled, appearance: button_1.APPEARANCE.Critical, label: t('deleteModal.approve'), loading: deleting, onClick: handleApproveClick, "data-test-id": constants_1.TEST_IDS.approveButton })] }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(modal_1.ModalCustom, { open: open, onClose: handleClose, mode: mode, closeOnPopstate: closeOnPopstate, width: modal_1.WIDTH.S, "data-test-id": constants_1.TEST_IDS.deleteModal, ...rest, children: [(0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Header, { title: title, subtitle: subtitle, slotAfterTitle: titleTooltip ? (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, { size: 's', tip: titleTooltip }) : undefined }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Body, { className: styles_module_scss_1.default.body, content: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [content ?? t('deleteModal.content'), shouldShowConfirm && ((0, jsx_runtime_1.jsx)(helperComponents_1.InputConfirm, { ref: inputRef, confirmText: confirmText ?? '', hideConfirmCopyButton: hideConfirmCopyButton, value: value, error: error, size: 'l', copyLineAlign: 'start', confirmLabel: t('deleteModal.confirmLabel'), placeholder: confirmPlaceholder, onChange: handleChange }))] }) }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Footer, { cancelButton: { label: t('deleteModal.cancel'), onClick: handleClose }, approveButton: {
+                    label: t('deleteModal.approve'),
+                    appearance: button_1.APPEARANCE.Critical,
+                    loading: deleting,
+                    onClick: handleApproveClick,
+                } })] }));
 }

package/dist/cjs/components/RecallModal/RecallModal.js

@@ -33,5 +33,10 @@ function RecallModal({ open, onClose, mode, closeOnPopstate, titleTooltip, onRec
         }
         onRecall(handleClose);
     };
-    return ((0, jsx_runtime_1.jsxs)(modal_1.ModalCustom, { open: open, onClose: handleClose, mode: mode, closeOnPopstate: closeOnPopstate, width: modal_1.WIDTH.S, "data-test-id": constants_1.TEST_IDS.recallModal, ...rest, children: [(0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Header, { title: t('recallModal.title'), subtitle: subtitle, slotAfterTitle: titleTooltip ? (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, { size: 's', tip: titleTooltip }) : undefined }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Body, { className: styles_module_scss_1.default.body, content: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [content ?? t('recallModal.content'), shouldShowConfirm && ((0, jsx_runtime_1.jsx)(helperComponents_1.InputConfirm, { ref: inputRef, confirmText: confirmText ?? '', confirmLabel: t('recallModal.confirmLabel'), hideConfirmCopyButton: hideConfirmCopyButton, value: value, error: error, size: 'l', copyLineAlign: 'start', placeholder: t('confirm.namePlaceholder'), onChange: handleChange }))] }) }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Footer, { children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { size: button_1.SIZE.L, view: button_1.VIEW.Outline, appearance: button_1.APPEARANCE.Neutral, label: t('recallModal.cancel'), onClick: handleClose, "data-test-id": constants_1.TEST_IDS.cancelButton }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: button_1.SIZE.L, view: button_1.VIEW.Filled, appearance: button_1.APPEARANCE.Critical, label: t('recallModal.approve'), loading: loading, onClick: handleApproveClick, "data-test-id": constants_1.TEST_IDS.approveButton })] }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(modal_1.ModalCustom, { open: open, onClose: handleClose, mode: mode, closeOnPopstate: closeOnPopstate, width: modal_1.WIDTH.S, "data-test-id": constants_1.TEST_IDS.recallModal, ...rest, children: [(0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Header, { title: t('recallModal.title'), subtitle: subtitle, slotAfterTitle: titleTooltip ? (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, { size: 's', tip: titleTooltip }) : undefined }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Body, { className: styles_module_scss_1.default.body, content: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [content ?? t('recallModal.content'), shouldShowConfirm && ((0, jsx_runtime_1.jsx)(helperComponents_1.InputConfirm, { ref: inputRef, confirmText: confirmText ?? '', confirmLabel: t('recallModal.confirmLabel'), hideConfirmCopyButton: hideConfirmCopyButton, value: value, error: error, size: 'l', copyLineAlign: 'start', placeholder: t('confirm.namePlaceholder'), onChange: handleChange }))] }) }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Footer, { cancelButton: { label: t('recallModal.cancel'), onClick: handleClose }, approveButton: {
+                    label: t('recallModal.approve'),
+                    appearance: button_1.APPEARANCE.Critical,
+                    loading: loading,
+                    onClick: handleApproveClick,
+                } })] }));
 }

package/dist/cjs/constants.d.ts

@@ -27,8 +27,8 @@ export declare const TEST_IDS: {
     readonly deleteModal: "delete-modal";
     readonly recallModal: "recall-modal";
     readonly releaseNotes: "release-notes";
-    readonly approveButton: "modal-predefined__approve-button";
-    readonly cancelButton: "modal-predefined__cancel-button";
+    readonly approveButton: "modal__footer-approve";
+    readonly cancelButton: "modal__footer-cancel";
     readonly confirmInput: "modal-predefined__confirm-input";
     readonly confirmCopyButton: "modal-predefined__confirm-copy-button";
     readonly releaseNotesItem: "modal-predefined__release-notes-item";

package/dist/cjs/constants.js

@@ -30,8 +30,8 @@ exports.TEST_IDS = {
     deleteModal: 'delete-modal',
     recallModal: 'recall-modal',
     releaseNotes: 'release-notes',
-    approveButton: 'modal-predefined__approve-button',
-    cancelButton: 'modal-predefined__cancel-button',
+    approveButton: 'modal__footer-approve',
+    cancelButton: 'modal__footer-cancel',
     confirmInput: 'modal-predefined__confirm-input',
     confirmCopyButton: 'modal-predefined__confirm-copy-button',
     releaseNotesItem: 'modal-predefined__release-notes-item',

package/dist/cjs/shared/styles.module.css

@@ -6,12 +6,4 @@
   display:flex;
   flex-direction:column;
   row-gap:var(--sn-primitive-dimension-16, 16px);
-}
-
-.footer{
-  display:flex;
-  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
-       column-gap:var(--sn-primitive-dimension-8, 8px);
-  justify-content:flex-end;
-  width:100%;
 }

package/dist/cjs/style.css

@@ -208,12 +208,4 @@
   display:flex;
   flex-direction:column;
   row-gap:var(--sn-primitive-dimension-16, 16px);
-}
-
-.footer{
-  display:flex;
-  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
-       column-gap:var(--sn-primitive-dimension-8, 8px);
-  justify-content:flex-end;
-  width:100%;
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { APPEARANCE, Button, SIZE, VIEW } from '@cloud-ru/ds-button';
+import { APPEARANCE } from '@cloud-ru/ds-button';
 import { ModalCustom, WIDTH } from '@cloud-ru/ds-modal';
 import { QuestionTooltip } from '@cloud-ru/ds-tooltip';
 import { useRef } from 'react';
@@ -29,5 +29,10 @@ export function DeleteModal({ open, onClose, mode, closeOnPopstate, objectType,
         }
         onDelete(handleClose);
     };
-    return (_jsxs(ModalCustom, { open: open, onClose: handleClose, mode: mode, closeOnPopstate: closeOnPopstate, width: WIDTH.S, "data-test-id": TEST_IDS.deleteModal, ...rest, children: [_jsx(ModalCustom.Header, { title: title, subtitle: subtitle, slotAfterTitle: titleTooltip ? _jsx(QuestionTooltip, { size: 's', tip: titleTooltip }) : undefined }), _jsx(ModalCustom.Body, { className: styles.body, content: _jsxs("div", { className: styles.content, children: [content ?? t('deleteModal.content'), shouldShowConfirm && (_jsx(InputConfirm, { ref: inputRef, confirmText: confirmText ?? '', hideConfirmCopyButton: hideConfirmCopyButton, value: value, error: error, size: 'l', copyLineAlign: 'start', confirmLabel: t('deleteModal.confirmLabel'), placeholder: confirmPlaceholder, onChange: handleChange }))] }) }), _jsx(ModalCustom.Footer, { children: _jsxs("div", { className: styles.footer, children: [_jsx(Button, { size: SIZE.L, view: VIEW.Outline, appearance: APPEARANCE.Neutral, label: t('deleteModal.cancel'), onClick: handleClose, "data-test-id": TEST_IDS.cancelButton }), _jsx(Button, { size: SIZE.L, view: VIEW.Filled, appearance: APPEARANCE.Critical, label: t('deleteModal.approve'), loading: deleting, onClick: handleApproveClick, "data-test-id": TEST_IDS.approveButton })] }) })] }));
+    return (_jsxs(ModalCustom, { open: open, onClose: handleClose, mode: mode, closeOnPopstate: closeOnPopstate, width: WIDTH.S, "data-test-id": TEST_IDS.deleteModal, ...rest, children: [_jsx(ModalCustom.Header, { title: title, subtitle: subtitle, slotAfterTitle: titleTooltip ? _jsx(QuestionTooltip, { size: 's', tip: titleTooltip }) : undefined }), _jsx(ModalCustom.Body, { className: styles.body, content: _jsxs("div", { className: styles.content, children: [content ?? t('deleteModal.content'), shouldShowConfirm && (_jsx(InputConfirm, { ref: inputRef, confirmText: confirmText ?? '', hideConfirmCopyButton: hideConfirmCopyButton, value: value, error: error, size: 'l', copyLineAlign: 'start', confirmLabel: t('deleteModal.confirmLabel'), placeholder: confirmPlaceholder, onChange: handleChange }))] }) }), _jsx(ModalCustom.Footer, { cancelButton: { label: t('deleteModal.cancel'), onClick: handleClose }, approveButton: {
+                    label: t('deleteModal.approve'),
+                    appearance: APPEARANCE.Critical,
+                    loading: deleting,
+                    onClick: handleApproveClick,
+                } })] }));
 }

package/dist/esm/components/RecallModal/RecallModal.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { APPEARANCE, Button, SIZE, VIEW } from '@cloud-ru/ds-button';
+import { APPEARANCE } from '@cloud-ru/ds-button';
 import { ModalCustom, WIDTH } from '@cloud-ru/ds-modal';
 import { QuestionTooltip } from '@cloud-ru/ds-tooltip';
 import { useRef } from 'react';
@@ -27,5 +27,10 @@ export function RecallModal({ open, onClose, mode, closeOnPopstate, titleTooltip
         }
         onRecall(handleClose);
     };
-    return (_jsxs(ModalCustom, { open: open, onClose: handleClose, mode: mode, closeOnPopstate: closeOnPopstate, width: WIDTH.S, "data-test-id": TEST_IDS.recallModal, ...rest, children: [_jsx(ModalCustom.Header, { title: t('recallModal.title'), subtitle: subtitle, slotAfterTitle: titleTooltip ? _jsx(QuestionTooltip, { size: 's', tip: titleTooltip }) : undefined }), _jsx(ModalCustom.Body, { className: styles.body, content: _jsxs("div", { className: styles.content, children: [content ?? t('recallModal.content'), shouldShowConfirm && (_jsx(InputConfirm, { ref: inputRef, confirmText: confirmText ?? '', confirmLabel: t('recallModal.confirmLabel'), hideConfirmCopyButton: hideConfirmCopyButton, value: value, error: error, size: 'l', copyLineAlign: 'start', placeholder: t('confirm.namePlaceholder'), onChange: handleChange }))] }) }), _jsx(ModalCustom.Footer, { children: _jsxs("div", { className: styles.footer, children: [_jsx(Button, { size: SIZE.L, view: VIEW.Outline, appearance: APPEARANCE.Neutral, label: t('recallModal.cancel'), onClick: handleClose, "data-test-id": TEST_IDS.cancelButton }), _jsx(Button, { size: SIZE.L, view: VIEW.Filled, appearance: APPEARANCE.Critical, label: t('recallModal.approve'), loading: loading, onClick: handleApproveClick, "data-test-id": TEST_IDS.approveButton })] }) })] }));
+    return (_jsxs(ModalCustom, { open: open, onClose: handleClose, mode: mode, closeOnPopstate: closeOnPopstate, width: WIDTH.S, "data-test-id": TEST_IDS.recallModal, ...rest, children: [_jsx(ModalCustom.Header, { title: t('recallModal.title'), subtitle: subtitle, slotAfterTitle: titleTooltip ? _jsx(QuestionTooltip, { size: 's', tip: titleTooltip }) : undefined }), _jsx(ModalCustom.Body, { className: styles.body, content: _jsxs("div", { className: styles.content, children: [content ?? t('recallModal.content'), shouldShowConfirm && (_jsx(InputConfirm, { ref: inputRef, confirmText: confirmText ?? '', confirmLabel: t('recallModal.confirmLabel'), hideConfirmCopyButton: hideConfirmCopyButton, value: value, error: error, size: 'l', copyLineAlign: 'start', placeholder: t('confirm.namePlaceholder'), onChange: handleChange }))] }) }), _jsx(ModalCustom.Footer, { cancelButton: { label: t('recallModal.cancel'), onClick: handleClose }, approveButton: {
+                    label: t('recallModal.approve'),
+                    appearance: APPEARANCE.Critical,
+                    loading: loading,
+                    onClick: handleApproveClick,
+                } })] }));
 }

package/dist/esm/constants.d.ts

@@ -27,8 +27,8 @@ export declare const TEST_IDS: {
     readonly deleteModal: "delete-modal";
     readonly recallModal: "recall-modal";
     readonly releaseNotes: "release-notes";
-    readonly approveButton: "modal-predefined__approve-button";
-    readonly cancelButton: "modal-predefined__cancel-button";
+    readonly approveButton: "modal__footer-approve";
+    readonly cancelButton: "modal__footer-cancel";
     readonly confirmInput: "modal-predefined__confirm-input";
     readonly confirmCopyButton: "modal-predefined__confirm-copy-button";
     readonly releaseNotesItem: "modal-predefined__release-notes-item";

package/dist/esm/constants.js

@@ -27,8 +27,8 @@ export const TEST_IDS = {
     deleteModal: 'delete-modal',
     recallModal: 'recall-modal',
     releaseNotes: 'release-notes',
-    approveButton: 'modal-predefined__approve-button',
-    cancelButton: 'modal-predefined__cancel-button',
+    approveButton: 'modal__footer-approve',
+    cancelButton: 'modal__footer-cancel',
     confirmInput: 'modal-predefined__confirm-input',
     confirmCopyButton: 'modal-predefined__confirm-copy-button',
     releaseNotesItem: 'modal-predefined__release-notes-item',

package/dist/esm/shared/styles.module.css

@@ -6,12 +6,4 @@
   display:flex;
   flex-direction:column;
   row-gap:var(--sn-primitive-dimension-16, 16px);
-}
-
-.footer{
-  display:flex;
-  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
-       column-gap:var(--sn-primitive-dimension-8, 8px);
-  justify-content:flex-end;
-  width:100%;
 }

package/dist/esm/style.css

@@ -208,12 +208,4 @@
   display:flex;
   flex-direction:column;
   row-gap:var(--sn-primitive-dimension-16, 16px);
-}
-
-.footer{
-  display:flex;
-  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
-       column-gap:var(--sn-primitive-dimension-8, 8px);
-  justify-content:flex-end;
-  width:100%;
 }