@synerise/ds-menu 0.14.0 → 0.15.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.15.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.14.0...@synerise/ds-menu@0.15.0) (2022-06-29)
+
+
+### Features
+
+* **menu:** adds data-name attribute for the UI tests ([7722c84](https://github.com/Synerise/synerise-design/commit/7722c8461f4852ad44602f92269f3c54704c59bf))
+* **menu:** enables hover tooltip on disabled menu-item ([1d36a08](https://github.com/Synerise/synerise-design/commit/1d36a08950b5f08ad9cfd1ea54bb7823a2e47ad2))
+
+
+
+
+
 # [0.14.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.13.2...@synerise/ds-menu@0.14.0) (2022-06-15)
 
 

package/dist/Elements/Item/Text/Text.d.ts

@@ -4,6 +4,7 @@ import { BasicItemProps } from './Text.types';
 export declare type HoverTooltipProps = React.PropsWithChildren<{
     hoverTooltipProps?: BasicItemProps['hoverTooltipProps'];
     renderHoverTooltip?: () => JSX.Element;
+    style?: React.CSSProperties;
 }>;
 declare const Text: React.FC<BasicItemProps>;
 export default Text;

package/dist/Elements/Item/Text/Text.js

@@ -34,7 +34,8 @@ function WithHoverTooltip(_ref) {
 
   var hoverTooltipProps = _ref.hoverTooltipProps,
       renderHoverTooltip = _ref.renderHoverTooltip,
-      children = _ref.children;
+      children = _ref.children,
+      style = _ref.style;
   var dsTheme = useTheme();
   var zIndex = parseInt(dsTheme.variables['zindex-tooltip'], 10);
   var cancelBubblingEvent = React.useCallback(function () {
@@ -63,7 +64,9 @@ function WithHoverTooltip(_ref) {
         zIndex: zIndex
       },
       zIndex: zIndex
-    }, hoverTooltipProps), children))
+    }, hoverTooltipProps), /*#__PURE__*/React.createElement("div", {
+      style: style
+    }, children)))
   );
 }
 
@@ -176,13 +179,14 @@ var Text = function Text(_ref2) {
     disabled: disabled,
     tabIndex: disabled ? -1 : 0,
     description: description,
-    style: style,
+    style: renderHoverTooltip ? undefined : style,
     indentLevel: Number(indentLevel),
     ordered: ordered,
     size: size,
     onClick: onClick,
     onItemHover: onItemHover
   }, rest, {
+    "data-name": typeof children === 'string' ? children : undefined,
     className: className
   }), /*#__PURE__*/React.createElement(Tooltip, _extends({
     type: "default",
@@ -214,7 +218,8 @@ var Text = function Text(_ref2) {
   if (renderHoverTooltip) {
     return /*#__PURE__*/React.createElement(WithHoverTooltip, {
       hoverTooltipProps: hoverTooltipProps,
-      renderHoverTooltip: renderHoverTooltip
+      renderHoverTooltip: renderHoverTooltip,
+      style: style
     }, element);
   }
 

package/dist/Elements/Item/Text/Text.styles.js

@@ -1,7 +1,7 @@
 import styled, { css } from 'styled-components';
 import MenuItem from 'antd/lib/menu/MenuItem';
 import { IconContainer } from '@synerise/ds-icon';
-import { ItemSize } from "../MenuItem.types";
+import { ItemSize } from '../MenuItem.types';
 var INDENT_LEVEL_STEP = 16;
 var TRANSITION_FN = '0.2s ease-out';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-menu",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "Menu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -41,5 +41,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "d787395998e479858cb58f6d56555e4c51fe45d5"
+  "gitHead": "3df224bc0e56a55beaa9df7e0dcfbda4c04631ad"
 }