@synerise/ds-popconfirm 1.2.3 → 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-popconfirm@1.2.3...@synerise/ds-popconfirm@1.3.0) (2026-02-05)
+
+### Features
+
+- **tooltip:** migrate to popover ([53ecd29](https://github.com/Synerise/synerise-design/commit/53ecd293fa31bdcfd921c6c5fd91db9c2c643eda))
+
 ## [1.2.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popconfirm@1.2.2...@synerise/ds-popconfirm@1.2.3) (2026-02-02)
 
 **Note:** Version bump only for package @synerise/ds-popconfirm

package/dist/ConfirmMessage/ConfirmMessage.js

@@ -1,5 +1,5 @@
-import AntdTooltip from 'antd/lib/tooltip';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import Tooltip from '@synerise/ds-tooltip';
 import * as S from './ConfirmMessage.style';
 export var ConfirmMessage = function ConfirmMessage(_ref) {
   var children = _ref.children,
@@ -11,18 +11,18 @@ export var ConfirmMessage = function ConfirmMessage(_ref) {
     displayDuration = _ref$displayDuration === void 0 ? 5000 : _ref$displayDuration,
     icon = _ref.icon;
   var _useState = useState(false),
-    visible = _useState[0],
-    setVisible = _useState[1];
+    open = _useState[0],
+    setOpen = _useState[1];
   useEffect(function () {
     var timeout = setTimeout(function () {
-      setVisible(false);
+      setOpen(false);
     }, displayDuration);
     return function () {
       clearTimeout(timeout);
     };
-  }, [visible, displayDuration]);
+  }, [open, displayDuration]);
   var showMessage = function showMessage() {
-    setVisible(true);
+    setOpen(true);
   };
   var handleClick = useCallback(function () {
     onClick && onClick(showMessage);
@@ -33,16 +33,12 @@ export var ConfirmMessage = function ConfirmMessage(_ref) {
   return /*#__PURE__*/React.createElement(S.Message, {
     onClick: handleClick,
     "data-testid": "confirm-message"
-  }, /*#__PURE__*/React.createElement(AntdTooltip, {
-    overlayStyle: {
-      maxWidth: '300px'
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    trigger: "click",
+    render: function render() {
+      return content;
     },
-    autoAdjustOverflow: false,
-    title: content,
-    align: {
-      offset: [0, 0]
-    },
-    visible: visible,
+    open: open,
     placement: placement
   }, children));
 };

package/dist/ConfirmMessage/ConfirmMessage.types.d.ts

@@ -5,5 +5,5 @@ export type ConfirmMessageProps = {
     children?: ReactNode;
     onClick: (callback: () => void) => void;
     icon?: ReactNode;
-    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
 };

package/dist/Popconfirm.d.ts

@@ -1,3 +1,4 @@
 import { type PopconfirmType } from './Popconfirm.types';
+import './style/index.less';
 declare const Popconfirm: PopconfirmType;
 export default Popconfirm;

package/dist/Popconfirm.js

@@ -8,6 +8,7 @@ import { Popover, PopoverArrow, PopoverContent, PopoverTrigger, getPlacement } f
 import ConfirmMessage from './ConfirmMessage/ConfirmMessage';
 import { POPOVER_OFFSET_CONFIG } from './Popconfirm.const';
 import * as S from './Popconfirm.styles';
+import "./style/index.css";
 import { getTransitionConfig } from './utils/getTransitionConfig';
 var Popconfirm = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var icon = _ref.icon,

package/dist/style/index.css

@@ -0,0 +1 @@
+.ant-carousel{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum'}.ant-carousel .slick-slider{position:relative;display:block;box-sizing:border-box;touch-action:pan-y;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.ant-carousel .slick-list{position:relative;display:block;margin:0;padding:0;overflow:hidden}.ant-carousel .slick-list:focus{outline:0}.ant-carousel .slick-list.dragging{cursor:pointer}.ant-carousel .slick-list .slick-slide{pointer-events:none}.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide input.ant-radio-input{visibility:hidden}.ant-carousel .slick-list .slick-slide.slick-active{pointer-events:auto}.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input{visibility:visible}.ant-carousel .slick-list .slick-slide>div>div{vertical-align:bottom}.ant-carousel .slick-slider .slick-list,.ant-carousel .slick-slider .slick-track{transform:translate3d(0,0,0);touch-action:pan-y}.ant-carousel .slick-track{position:relative;top:0;left:0;display:block}.ant-carousel .slick-track::after,.ant-carousel .slick-track::before{display:table;content:''}.ant-carousel .slick-track::after{clear:both}.slick-loading .ant-carousel .slick-track{visibility:hidden}.ant-carousel .slick-slide{display:none;float:left;height:100%;min-height:1px}.ant-carousel .slick-slide img{display:block}.ant-carousel .slick-slide.slick-loading img{display:none}.ant-carousel .slick-slide.dragging img{pointer-events:none}.ant-carousel .slick-initialized .slick-slide{display:block}.ant-carousel .slick-loading .slick-slide{visibility:hidden}.ant-carousel .slick-vertical .slick-slide{display:block;height:auto}.ant-carousel .slick-arrow.slick-hidden{display:none}.ant-carousel .slick-next,.ant-carousel .slick-prev{position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;color:transparent;font-size:0;line-height:0;background:0 0;border:0;outline:0;cursor:pointer}.ant-carousel .slick-next:focus,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev:focus,.ant-carousel .slick-prev:hover{color:transparent;background:0 0;outline:0}.ant-carousel .slick-next:focus::before,.ant-carousel .slick-next:hover::before,.ant-carousel .slick-prev:focus::before,.ant-carousel .slick-prev:hover::before{opacity:1}.ant-carousel .slick-next.slick-disabled::before,.ant-carousel .slick-prev.slick-disabled::before{opacity:.25}.ant-carousel .slick-prev{left:-25px}.ant-carousel .slick-prev::before{content:'←'}.ant-carousel .slick-next{right:-25px}.ant-carousel .slick-next::before{content:'→'}.ant-carousel .slick-dots{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex!important;justify-content:center;margin-right:15%;margin-bottom:0;margin-left:15%;padding-left:0;list-style:none}.ant-carousel .slick-dots-bottom{bottom:12px}.ant-carousel .slick-dots-top{top:12px;bottom:auto}.ant-carousel .slick-dots li{position:relative;display:inline-block;flex:0 1 auto;box-sizing:content-box;width:16px;height:3px;margin:0 4px;padding:0;text-align:center;text-indent:-999px;vertical-align:top;transition:all .5s}.ant-carousel .slick-dots li button{position:relative;display:block;width:100%;height:3px;padding:0;color:transparent;font-size:0;background:#fff;border:0;border-radius:1px;outline:0;cursor:pointer;opacity:.3;transition:all .5s}.ant-carousel .slick-dots li button:focus,.ant-carousel .slick-dots li button:hover{opacity:.75}.ant-carousel .slick-dots li button::after{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;content:''}.ant-carousel .slick-dots li.slick-active{width:24px}.ant-carousel .slick-dots li.slick-active button{background:#fff;opacity:1}.ant-carousel .slick-dots li.slick-active:focus,.ant-carousel .slick-dots li.slick-active:hover{opacity:1}.ant-carousel-vertical .slick-dots{top:50%;bottom:auto;flex-direction:column;width:3px;height:auto;margin:0;transform:translateY(-50%)}.ant-carousel-vertical .slick-dots-left{right:auto;left:12px}.ant-carousel-vertical .slick-dots-right{right:12px;left:auto}.ant-carousel-vertical .slick-dots li{width:3px;height:16px;margin:4px 0;vertical-align:baseline}.ant-carousel-vertical .slick-dots li button{width:3px;height:16px}.ant-carousel-vertical .slick-dots li.slick-active{width:3px;height:24px}.ant-carousel-vertical .slick-dots li.slick-active button{width:3px;height:24px}.ant-carousel-rtl{direction:rtl}.ant-carousel-rtl .ant-carousel .slick-track{right:0;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev{right:-25px;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev::before{content:'→'}.ant-carousel-rtl .ant-carousel .slick-next{right:auto;left:-25px}.ant-carousel-rtl .ant-carousel .slick-next::before{content:'←'}.ant-carousel-rtl.ant-carousel .slick-dots{flex-direction:row-reverse}.ant-carousel-rtl.ant-carousel-vertical .slick-dots{flex-direction:column}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-popconfirm",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "description": "Popconfirm UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,10 +35,11 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.7",
-    "@synerise/ds-icon": "^1.11.0",
-    "@synerise/ds-popover": "^1.3.2",
-    "@synerise/ds-utils": "^1.5.4"
+    "@synerise/ds-button": "^1.5.8",
+    "@synerise/ds-icon": "^1.11.1",
+    "@synerise/ds-popover": "^1.4.0",
+    "@synerise/ds-tooltip": "^1.4.0",
+    "@synerise/ds-utils": "^1.6.0"
   },
   "devDependencies": {
     "@floating-ui/react": "^0.27.16",
@@ -50,5 +51,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "6a3a82f8bc80e10eeb818795035e05393550e82e"
+  "gitHead": "ac8decd9736940735bf05198b24b3eeeb5900b18"
 }