@synerise/ds-confirmation 1.2.25 → 1.3.0

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.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-confirmation@1.2.25...@synerise/ds-confirmation@1.3.0) (2026-05-22)
+
+### Features
+
+- **modal:** migration from antd ([3588b65](https://github.com/Synerise/synerise-design/commit/3588b65fbe67838fed4ee5125090ad47d334e04b))
+
 ## [1.2.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-confirmation@1.2.24...@synerise/ds-confirmation@1.2.25) (2026-05-15)
 
 **Note:** Version bump only for package @synerise/ds-confirmation

package/dist/Confirmation.js

@@ -67,9 +67,7 @@ const Confirmation = ({
     /* @__PURE__ */ jsx(Icon, { onClick: () => setMode("default"), component: /* @__PURE__ */ jsx(ArrowLeftM, {}) }),
     allTexts.relatedObjectsTitle
   ] }) : void 0;
-  return /* @__PURE__ */ jsx(Modal, { ...modalProps, onCancel, size: "small", blank: mode === "default", footer: modalFooter, bodyStyle: {
-    padding: 0
-  }, title: modalTitle, children: modalContent });
+  return /* @__PURE__ */ jsx(Modal, { ...modalProps, onCancel, size: "small", centered: true, blank: mode === "default", footer: modalFooter, bodyFullWidth: true, title: modalTitle, children: modalContent });
 };
 export {
   Confirmation as default

package/dist/Confirmation.styles.js

@@ -23,7 +23,7 @@ const Title = /* @__PURE__ */ styled(Title$1).withConfig({
 const FooterRight = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Confirmationstyles__FooterRight",
   componentId: "sc-17izghl-4"
-})(["flex:1 1 auto;"]);
+})(["flex:1 1 auto;display:flex;gap:8px;justify-content:end;"]);
 const FooterLeft = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Confirmationstyles__FooterLeft",
   componentId: "sc-17izghl-5"
@@ -31,7 +31,7 @@ const FooterLeft = /* @__PURE__ */ styled.div.withConfig({
 const Footer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Confirmationstyles__Footer",
   componentId: "sc-17izghl-6"
-})(["display:flex;justify-content:space-between;"]);
+})(["display:flex;flex:0 0 100%;justify-content:space-between;"]);
 const ConfirmationExtra = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Confirmationstyles__ConfirmationExtra",
   componentId: "sc-17izghl-7"

package/dist/Confirmation.types.d.ts

@@ -4,6 +4,9 @@ import { ListItemProps } from '@synerise/ds-list-item';
 import { ModalProps } from '@synerise/ds-modal';
 import { RadioProps } from '@synerise/ds-radio';
 import { DataAttributes } from '@synerise/ds-utils';
+export type ConfirmationHandle = {
+    destroy: () => void;
+};
 export type ConfirmationType = 'success' | 'warning' | 'negative' | 'informative';
 export type ConfirmationButtonProps = Pick<ButtonProps, 'mode' | 'loading' | 'readOnly' | 'disabled' | 'tagProps'> & DataAttributes;
 export type ConfirmationTexts = {
@@ -28,7 +31,7 @@ export type DecisionSectionProps = {
     title: ReactNode;
 };
 export type DisplayMode = 'default' | 'related-objects';
-type SharedProps = Pick<ModalProps, 'open' | 'title' | 'zIndex' | 'onCancel' | 'onOk'> & {
+type SharedProps = Pick<ModalProps, 'open' | 'title' | 'zIndex' | 'onCancel' | 'onOk' | 'afterClose'> & {
     title: ReactNode;
     texts?: Partial<ConfirmationTexts>;
     /**

package/dist/ShowConfirmation.d.ts

@@ -0,0 +1,3 @@
+import { ListItemProps } from '@synerise/ds-list-item';
+import { ConfirmationHandle, ConfirmationProps } from './Confirmation.types';
+export declare const showConfirmation: <ItemType extends ListItemProps>({ afterClose, onOk, onCancel, ...props }: ConfirmationProps<ItemType>) => ConfirmationHandle;

package/dist/ShowConfirmation.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { setPortalContent } from "@synerise/ds-core";
+import Confirmation from "./Confirmation.js";
+let instanceId = 0;
+const showConfirmation = ({
+  afterClose,
+  onOk,
+  onCancel,
+  ...props
+}) => {
+  const cleanup = () => {
+    setPortalContent(null);
+  };
+  const handleOk = (event) => {
+    Promise.resolve(onOk?.(event)).then(cleanup);
+  };
+  const handleCancel = (event) => {
+    Promise.resolve(onCancel?.(event)).then(cleanup);
+  };
+  instanceId += 1;
+  setPortalContent(/* @__PURE__ */ jsx(Confirmation, { ...props, open: true, onOk: handleOk, onCancel: handleCancel, afterClose: () => {
+    afterClose?.();
+    cleanup();
+  } }, `confirmation-${instanceId}`));
+  return {
+    destroy: cleanup
+  };
+};
+export {
+  showConfirmation
+};

package/dist/components/Prompt.js

@@ -23,9 +23,7 @@ const Prompt = ({
       /* @__PURE__ */ jsx(Button, { type: "custom-color", onClick: onOk, color: buttonColor, ...mainButtonProps, children: allTexts.mainButtonLabel })
     ] }) });
   }, [buttonColor, onCancel, onOk, mainButtonProps, allTexts.mainButtonLabel, allTexts.secondaryButtonLabel, secondaryButtonProps]);
-  return /* @__PURE__ */ jsx(Modal, { ...modalProps, onCancel, size: "small", footer: modalFooter, bodyStyle: {
-    padding: 0
-  }, children: /* @__PURE__ */ jsx(PromptContent, { children: content }) });
+  return /* @__PURE__ */ jsx(Modal, { ...modalProps, onCancel, size: "small", footer: modalFooter, bodyFullWidth: true, children: /* @__PURE__ */ jsx(PromptContent, { children: content }) });
 };
 export {
   Prompt

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { default } from './Confirmation';
+export { showConfirmation } from './ShowConfirmation';
 export type { ConfirmationProps, PromptProps, ConfirmationTexts, } from './Confirmation.types';
 export { Prompt } from './components/Prompt';

package/dist/index.js

@@ -1,6 +1,8 @@
 import { default as default2 } from "./Confirmation.js";
+import { showConfirmation } from "./ShowConfirmation.js";
 import { Prompt } from "./components/Prompt.js";
 export {
   Prompt,
-  default2 as default
+  default2 as default,
+  showConfirmation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-confirmation",
-  "version": "1.2.25",
+  "version": "1.3.0",
   "description": "Confirmation UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -41,15 +41,15 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.29",
-    "@synerise/ds-icon": "^1.18.0",
-    "@synerise/ds-list-item": "^1.4.20",
-    "@synerise/ds-modal": "^1.4.14",
-    "@synerise/ds-panel": "^1.2.12",
-    "@synerise/ds-radio": "^1.1.12",
-    "@synerise/ds-scrollbar": "^1.3.5",
-    "@synerise/ds-typography": "^1.1.22",
-    "@synerise/ds-utils": "^1.8.1"
+    "@synerise/ds-button": "^1.5.30",
+    "@synerise/ds-icon": "^1.18.1",
+    "@synerise/ds-list-item": "^1.4.21",
+    "@synerise/ds-modal": "^1.5.0",
+    "@synerise/ds-panel": "^1.2.13",
+    "@synerise/ds-radio": "^1.1.13",
+    "@synerise/ds-scrollbar": "^1.4.0",
+    "@synerise/ds-typography": "^1.1.23",
+    "@synerise/ds-utils": "^1.9.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -58,5 +58,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "ef14a62702ad420add6ad1c56da88df1f70a1bb8"
+  "gitHead": "f257f56d8991010593efd5ea9915335e813671a6"
 }