@synerise/ds-tooltip 1.2.1 → 1.3.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@1.3.0...@synerise/ds-tooltip@1.3.1) (2025-11-28)
+
+
+### Bug Fixes
+
+* package.json - missing deps ([77c6563](https://github.com/synerise/synerise-design/commit/77c6563cded8c1f4aae754b91cfdd6f2ce5539c5))
+
+
+
+
+
+# [1.3.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@1.2.1...@synerise/ds-tooltip@1.3.0) (2025-11-06)
+
+
+### Features
+
+* **dropdown:** dropdownMenu component ([f0ec827](https://github.com/synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
+
+
+
+
+
 ## [1.2.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@1.2.0...@synerise/ds-tooltip@1.2.1) (2025-10-10)
 
 **Note:** Version bump only for package @synerise/ds-tooltip

package/README.md

@@ -30,7 +30,7 @@ Tooltip UI Component
 | overlayStyle          | Style of the tooltip card                                                                              | object                                                                                                                                              | -                          |
 | placement             | The position of the tooltip relative to the target.                                                    | `top` / `left` / `right` / `bottom` / `topLeft` / `topRight` / `bottomLeft` / `bottomRight` / `leftTop` / `leftBottom` / `rightTop` / `rightBottom` | `top`                      |
 | title                 | tooltip title text                                                                                     | string                                                                                                                                              | -                          |
-| trigger               | Tooltip trigger mode                                                                                   | `hover`, `focus`, `click`, `contextMenu`                                                                                                            | `hover`                    |
+| trigger               | Tooltip trigger mode                                                                                   | `hover`, `focus`, `click`,                                                                                                            | `hover`                    |
 | tutorialAutoplay      | Whether to autoplay tutorial                                                                           | boolean                                                                                                                                             | `false`                    |
 | tutorialAutoplaySpeed | speed of autoplay [ms]                                                                                 | number                                                                                                                                              | 5000                       |
 | tutorials             | steps of tutorial                                                                                      | Tutorials[]                                                                                                                                         | -                          |

package/dist/Tooltip.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import '@synerise/ds-core/dist/js/style';
-import type { TooltipProps } from './Tooltip.types';
 import './style/index.less';
-declare const Tooltip: ({ type, icon, title, shortCuts, status, description, timeToHideAfterClick, offset, children, button, render, image, disabled, ...props }: TooltipProps) => React.JSX.Element;
+declare const Tooltip: React.ForwardRefExoticComponent<Omit<import("antd/lib/tooltip").TooltipPropsWithTitle, "title"> & import("./Tooltip.types").TooltipExtendedProps & React.RefAttributes<HTMLElement>>;
 export default Tooltip;

package/dist/Tooltip.js

@@ -2,13 +2,14 @@ var _excluded = ["type", "icon", "title", "shortCuts", "status", "description",
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import AntdTooltip from 'antd/lib/tooltip';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { cloneElement, forwardRef, isValidElement, useEffect, useMemo, useRef, useState } from 'react';
+import { useMergeRefs } from '@floating-ui/react';
 import '@synerise/ds-core/dist/js/style';
 import Scrollbar from '@synerise/ds-scrollbar';
 import { getPopupContainer } from '@synerise/ds-utils';
 import * as S from './Tooltip.styles';
 import "./style/index.css";
-var Tooltip = function Tooltip(_ref) {
+var Tooltip = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'default' : _ref$type,
     icon = _ref.icon,
@@ -80,6 +81,13 @@ var Tooltip = function Tooltip(_ref) {
       handleOnClickHideDelay(visible);
     }
   };
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var childrenRef = children == null ? void 0 : children.ref;
+  var mergedRef = useMergeRefs([ref, childrenRef]);
+  var tooltipTrigger = ref && /*#__PURE__*/isValidElement(children) ? /*#__PURE__*/cloneElement(children, {
+    // @ts-expect-error unknown literal property
+    mergedRef: mergedRef
+  }) : children;
   if (render !== undefined) {
     return /*#__PURE__*/React.createElement(AntdTooltip, _extends({
       overlayClassName: overlayClassName,
@@ -92,7 +100,7 @@ var Tooltip = function Tooltip(_ref) {
         maxWidth: 'unset'
       },
       getPopupContainer: getPopupContainer
-    }, handleHideAfterClick, props), children);
+    }, handleHideAfterClick, props), tooltipTrigger);
   }
   return tooltipContentExists && !disabled ? /*#__PURE__*/React.createElement(AntdTooltip, _extends({
     overlayClassName: overlayClassName,
@@ -101,6 +109,6 @@ var Tooltip = function Tooltip(_ref) {
       offset: [0, 0]
     },
     getPopupContainer: getPopupContainer
-  }, handleHideAfterClick, props), children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
+  }, handleHideAfterClick, props), tooltipTrigger) : /*#__PURE__*/React.createElement(React.Fragment, null, tooltipTrigger);
+});
 export default Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tooltip",
-  "version": "1.2.1",
+  "version": "1.3.1",
   "description": "Tooltip UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -35,7 +35,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-scrollbar": "^1.1.9",
+    "@floating-ui/react": "^0.27.16",
+    "@synerise/ds-icon": "^1.9.0",
+    "@synerise/ds-scrollbar": "^1.2.1",
     "@synerise/ds-utils": "^1.5.0"
   },
   "peerDependencies": {
@@ -44,5 +46,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4e09fc37fa21ff2e27655e7bb305b136db0ca199"
+  "gitHead": "d5bd7fbc9d840ac30e2b79b36c451b486e178445"
 }