@synerise/ds-card-tabs 0.16.20 → 0.16.22

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.
 
+## [0.16.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.16.21...@synerise/ds-card-tabs@0.16.22) (2024-07-15)
+
+
+### Bug Fixes
+
+* **storybook7:** card tabs stories ([537084e](https://github.com/Synerise/synerise-design/commit/537084e610b5a932ed208b27725c6feb2208ccd6))
+
+
+
+
+
+## [0.16.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.16.20...@synerise/ds-card-tabs@0.16.21) (2024-07-05)
+
+**Note:** Version bump only for package @synerise/ds-card-tabs
+
+
+
+
+
 ## [0.16.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.16.19...@synerise/ds-card-tabs@0.16.20) (2024-07-02)
 
 **Note:** Version bump only for package @synerise/ds-card-tabs

package/dist/CardTab/CardTabDropdown/CardTabDropdown.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import { CardTabDropdownProps } from './CardTabDropdown.types';
-declare const CardTabDropdown: FC<CardTabDropdownProps>;
+declare const CardTabDropdown: ({ editNameHandler, duplicateHandler, removeHandler, texts }: CardTabDropdownProps) => React.JSX.Element;
 export default CardTabDropdown;

package/dist/CardTab/CardTabDropdown/CardTabDropdown.js

@@ -1,10 +1,8 @@
-import * as React from 'react';
-import { useState, useRef } from 'react';
+import React, { useState, useRef } from 'react';
 import Dropdown from '@synerise/ds-dropdown';
 import { useOnClickOutside } from '@synerise/ds-utils';
 import Icon, { OptionVerticalM, EditM, DuplicateM, TrashM } from '@synerise/ds-icon';
 import Menu from '@synerise/ds-menu';
-import MenuItem from '@synerise/ds-menu/dist/Elements/Item/MenuItem';
 import { theme } from '@synerise/ds-core';
 import * as S from '../CardTab.styles';
 
@@ -25,33 +23,35 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
   });
 
   if (editNameHandler) {
-    menuItems.push( /*#__PURE__*/React.createElement(MenuItem, {
+    menuItems.push({
       onClick: function onClick(event) {
         editNameHandler(event.domEvent);
         setOpen(false);
       },
-      key: "card-tabs-menu-item-rename",
+      key: 'card-tabs-menu-item-rename',
       prefixel: /*#__PURE__*/React.createElement(Icon, {
         component: /*#__PURE__*/React.createElement(EditM, null)
-      })
-    }, texts.changeNameMenuItem));
+      }),
+      text: texts.changeNameMenuItem
+    });
   }
 
   if (duplicateHandler) {
-    menuItems.push( /*#__PURE__*/React.createElement(MenuItem, {
+    menuItems.push({
       onClick: function onClick(event) {
         duplicateHandler(event.domEvent);
         setOpen(false);
       },
-      key: "card-tabs-menu-item-duplicate",
+      key: 'card-tabs-menu-item-duplicate',
       prefixel: /*#__PURE__*/React.createElement(Icon, {
         component: /*#__PURE__*/React.createElement(DuplicateM, null)
-      })
-    }, texts.duplicateMenuItem));
+      }),
+      text: texts.duplicateMenuItem
+    });
   }
 
   if (removeHandler) {
-    menuItems.push( /*#__PURE__*/React.createElement(MenuItem, {
+    menuItems.push({
       prefixel: /*#__PURE__*/React.createElement(Icon, {
         component: /*#__PURE__*/React.createElement(TrashM, null)
       }),
@@ -59,9 +59,10 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
         removeHandler(event.domEvent);
         setOpen(false);
       },
-      key: "card-tabs-menu-item-delete",
-      type: "danger"
-    }, texts.removeMenuItem));
+      key: 'card-tabs-menu-item-delete',
+      type: 'danger',
+      text: texts.removeMenuItem
+    });
   }
 
   return /*#__PURE__*/React.createElement(S.CardTabSuffix, {
@@ -72,15 +73,18 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
     placement: "bottomLeft",
     trigger: ['click'],
     overlay: /*#__PURE__*/React.createElement("div", {
+      "data-testid": "card-tabs-dropdown",
       ref: ref
     }, /*#__PURE__*/React.createElement(Menu, {
-      asDropdownMenu: true
-    }, menuItems))
+      asDropdownMenu: true,
+      dataSource: menuItems
+    }))
   }, /*#__PURE__*/React.createElement(Icon, {
     onClick: function onClick(event) {
       event.stopPropagation();
       setOpen(!open);
     },
+    "data-testid": "ds-card-tabs-contextmenu",
     component: /*#__PURE__*/React.createElement(OptionVerticalM, null),
     color: theme.palette['grey-600']
   })));

package/dist/index.d.ts

@@ -2,11 +2,11 @@ import * as CardTabStyles from './CardTab/CardTab.styles';
 import * as MainCardTabsStyles from './CardTabs.styles';
 export { default } from './CardTabs';
 export { default as CardTab } from './CardTab/CardTab';
-export type { CardTabsItem } from './CardTabs.types';
 export { prefixType } from './CardTab/CardTab.types';
-export type { CardTabProps } from './CardTab/CardTab.types';
 export { COLORS_TABS } from './CardTab/ColorsTabs';
 export declare const CardTabsStyles: {
     CardTabs: typeof MainCardTabsStyles;
     CardTab: typeof CardTabStyles;
 };
+export type { CardTabsItem, CardTabsProps } from './CardTabs.types';
+export type { CardTabProps } from './CardTab/CardTab.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card-tabs",
-  "version": "0.16.20",
+  "version": "0.16.22",
   "description": "CardTabs UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,15 +33,15 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.1",
-    "@synerise/ds-cruds": "^0.5.11",
-    "@synerise/ds-dropdown": "^0.18.3",
-    "@synerise/ds-icon": "^0.63.0",
-    "@synerise/ds-inline-edit": "^0.7.13",
-    "@synerise/ds-menu": "^0.19.3",
-    "@synerise/ds-tooltip": "^0.14.31",
-    "@synerise/ds-typography": "^0.15.0",
-    "@synerise/ds-utils": "^0.27.0",
+    "@synerise/ds-button": "^0.21.3",
+    "@synerise/ds-cruds": "^0.5.13",
+    "@synerise/ds-dropdown": "^0.18.5",
+    "@synerise/ds-icon": "^0.64.1",
+    "@synerise/ds-inline-edit": "^0.8.1",
+    "@synerise/ds-menu": "^0.19.5",
+    "@synerise/ds-tooltip": "^0.14.33",
+    "@synerise/ds-typography": "^0.15.1",
+    "@synerise/ds-utils": "^0.28.0",
     "react-intl": "3.12.0",
     "react-sortablejs": "^6.0.0",
     "sortablejs": "1.15.1"
@@ -49,13 +49,8 @@
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "antd": "4.7.0",
-    "react": ">=16.9.0 < 17.0.0",
+    "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "devDependencies": {
-    "@testing-library/jest-dom": "5.1.1",
-    "@testing-library/react": "10.0.1",
-    "@testing-library/user-event": "^10.3.1"
-  },
-  "gitHead": "0692552b018dc9c8042f18c773f88890c9ad3270"
+  "gitHead": "6f4996380356c1e5cb9a9d8b553069ad9cea7c27"
 }