@synerise/ds-card-tabs 1.4.26 → 1.5.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.27...@synerise/ds-card-tabs@1.5.0) (2025-11-06)
+
+
+### Features
+
+* **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
+
+
+
+
+
+## [1.4.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.26...@synerise/ds-card-tabs@1.4.27) (2025-10-31)
+
+**Note:** Version bump only for package @synerise/ds-card-tabs
+
+
+
+
+
 ## [1.4.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@1.4.25...@synerise/ds-card-tabs@1.4.26) (2025-10-22)
 
 **Note:** Version bump only for package @synerise/ds-card-tabs

package/dist/CardTab/CardTabDropdown/CardTabDropdown.js

@@ -1,27 +1,17 @@
-import React, { useRef, useState } from 'react';
-import Dropdown from '@synerise/ds-dropdown';
+import React from 'react';
+import { DropdownMenu } from '@synerise/ds-dropdown';
 import Icon, { DuplicateM, EditM, OptionVerticalM, TrashM } from '@synerise/ds-icon';
-import Menu from '@synerise/ds-menu';
-import { useOnClickOutside } from '@synerise/ds-utils';
 import * as S from '../CardTab.styles';
 var CardTabDropdown = function CardTabDropdown(_ref) {
   var editNameHandler = _ref.editNameHandler,
     duplicateHandler = _ref.duplicateHandler,
     removeHandler = _ref.removeHandler,
     texts = _ref.texts;
-  var _useState = useState(false),
-    open = _useState[0],
-    setOpen = _useState[1];
-  var ref = useRef(null);
   var menuItems = [];
-  useOnClickOutside(ref, function () {
-    setOpen(false);
-  });
   if (editNameHandler) {
     menuItems.push({
       onClick: function onClick(event) {
         editNameHandler(event.domEvent);
-        setOpen(false);
       },
       key: 'card-tabs-menu-item-rename',
       prefixel: /*#__PURE__*/React.createElement(Icon, {
@@ -34,7 +24,6 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
     menuItems.push({
       onClick: function onClick(event) {
         duplicateHandler(event.domEvent);
-        setOpen(false);
       },
       key: 'card-tabs-menu-item-duplicate',
       prefixel: /*#__PURE__*/React.createElement(Icon, {
@@ -50,7 +39,6 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
       }),
       onClick: function onClick(event) {
         removeHandler(event.domEvent);
-        setOpen(false);
       },
       key: 'card-tabs-menu-item-delete',
       type: 'danger',
@@ -60,22 +48,16 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
   return /*#__PURE__*/React.createElement(S.CardTabSuffix, {
     "data-testid": "card-tab-suffix",
     className: "ds-card-tabs__suffix-nodrag"
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    visible: open,
+  }, /*#__PURE__*/React.createElement(DropdownMenu, {
+    dataSource: menuItems,
     placement: "bottomLeft",
-    trigger: ['click'],
-    overlay: /*#__PURE__*/React.createElement("div", {
-      "data-testid": "card-tabs-dropdown",
-      ref: ref
-    }, /*#__PURE__*/React.createElement(Menu, {
-      asDropdownMenu: true,
-      dataSource: menuItems
-    }))
+    hideOnItemClick: true,
+    trigger: "click",
+    asChild: true,
+    popoverProps: {
+      testId: 'card-tabs-contextmenu'
+    }
   }, /*#__PURE__*/React.createElement(Icon, {
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      setOpen(!open);
-    },
     "data-testid": "ds-card-tabs-contextmenu",
     component: /*#__PURE__*/React.createElement(OptionVerticalM, null)
   })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card-tabs",
-  "version": "1.4.26",
+  "version": "1.5.0",
   "description": "CardTabs UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,15 +35,15 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.16",
-    "@synerise/ds-cruds": "^1.0.21",
-    "@synerise/ds-dropdown": "^1.0.33",
-    "@synerise/ds-icon": "^1.7.3",
-    "@synerise/ds-inline-edit": "^1.0.37",
-    "@synerise/ds-menu": "^1.1.2",
-    "@synerise/ds-sortable": "^1.3.6",
-    "@synerise/ds-tooltip": "^1.2.1",
-    "@synerise/ds-typography": "^1.0.22",
+    "@synerise/ds-button": "^1.5.0",
+    "@synerise/ds-cruds": "^1.0.22",
+    "@synerise/ds-dropdown": "^1.1.0",
+    "@synerise/ds-icon": "^1.8.0",
+    "@synerise/ds-inline-edit": "^1.1.0",
+    "@synerise/ds-menu": "^1.2.0",
+    "@synerise/ds-sortable": "^1.3.7",
+    "@synerise/ds-tooltip": "^1.3.0",
+    "@synerise/ds-typography": "^1.0.23",
     "@synerise/ds-utils": "^1.5.0"
   },
   "peerDependencies": {
@@ -53,5 +53,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "a40fca2cc78eda64afa96d18dc4d177538a22404"
+  "gitHead": "cbbb7d9f155735bcc4035d8fd8a7813878d6e051"
 }