@synerise/ds-menu 0.20.5 → 0.20.7

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.20.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.20.6...@synerise/ds-menu@0.20.7) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
+## [0.20.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.20.5...@synerise/ds-menu@0.20.6) (2024-11-21)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
 ## [0.20.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.20.4...@synerise/ds-menu@0.20.5) (2024-11-12)
 
 **Note:** Version bump only for package @synerise/ds-menu

package/dist/Elements/Breadcrumb/Breadcrumb.js

@@ -1,44 +1,35 @@
 var _excluded = ["path", "disabled", "highlight", "description", "onPathClick", "compact", "startWithArrow", "gradientOverlap", "highlightActivePath"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import Icon, { AngleRightS } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import { escapeRegEx } from '@synerise/ds-utils';
 import * as S from './Breadcrumb.styles';
-
 var Breadcrumb = function Breadcrumb(_ref) {
   var path = _ref.path,
-      disabled = _ref.disabled,
-      highlight = _ref.highlight,
-      description = _ref.description,
-      onPathClick = _ref.onPathClick,
-      compact = _ref.compact,
-      startWithArrow = _ref.startWithArrow,
-      gradientOverlap = _ref.gradientOverlap,
-      highlightActivePath = _ref.highlightActivePath,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    disabled = _ref.disabled,
+    highlight = _ref.highlight,
+    description = _ref.description,
+    onPathClick = _ref.onPathClick,
+    compact = _ref.compact,
+    startWithArrow = _ref.startWithArrow,
+    gradientOverlap = _ref.gradientOverlap,
+    highlightActivePath = _ref.highlightActivePath,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var prefixel = rest.prefixel;
   var breadcrumbsArray = [].concat(path);
   var pathToDisplay = compact ? breadcrumbsArray.reverse() : breadcrumbsArray;
   var contentRef = React.useRef(null);
-
   var _React$useState = React.useState(false),
-      gradient = _React$useState[0],
-      setGradient = _React$useState[1];
-
+    gradient = _React$useState[0],
+    setGradient = _React$useState[1];
   var renderWithHighlighting = React.useCallback(function (name) {
     if (highlight && typeof name === 'string') {
       var index = name.toLocaleLowerCase().indexOf(highlight.toLocaleLowerCase());
-
       if (index === -1) {
         return name;
       }
-
       var escapedHighlight = escapeRegEx(highlight);
       var startOfQuery = name.toLowerCase().search(escapedHighlight.toLowerCase());
       var endOfQuery = startOfQuery + highlight.length;
@@ -48,48 +39,37 @@ var Breadcrumb = function Breadcrumb(_ref) {
       }, name.substring(startOfQuery, endOfQuery)), name.substring(endOfQuery, name.length)];
       return resultArray;
     }
-
     return name;
   }, [highlight]);
   var attachActiveClassName = React.useCallback(function (index) {
     if (compact) {
       return !!highlightActivePath && index === 0 ? 'active' : '';
     }
-
     return !!highlightActivePath && index === path.length - 1 ? 'active' : '';
   }, [highlightActivePath, path, compact]);
-
   var shouldRenderArrow = function shouldRenderArrow(breadCrumbPath, index) {
     if (!breadCrumbPath || !breadCrumbPath.length) {
       return false;
     }
-
     var nextBreadcrumb = breadCrumbPath[index + 1];
-
     if (!nextBreadcrumb) {
       return !!startWithArrow;
     }
-
     return true;
   };
-
   var shouldHaveArrowPlaceholder = function shouldHaveArrowPlaceholder(index) {
     if (compact) {
       return startWithArrow || index < path.length - 1 && path.length > 1;
     }
-
     return startWithArrow || path.length > 1 || index > 0;
   };
-
   var isOverflown = function isOverflown(elementRef) {
     if (elementRef !== null && elementRef.current !== null) {
       var element = elementRef.current;
       return element.scrollWidth > element.clientWidth;
     }
-
     return false;
   };
-
   React.useEffect(function () {
     var shouldRenderGradientOverlap = gradientOverlap && isOverflown(contentRef);
     setGradient(!!shouldRenderGradientOverlap);
@@ -127,5 +107,4 @@ var Breadcrumb = function Breadcrumb(_ref) {
     );
   }))));
 };
-
 export default Breadcrumb;

package/dist/Elements/Breadcrumb/Breadcrumb.styles.js

@@ -1,16 +1,13 @@
 var _excluded = ["children", "disabled", "onPathClick", "compact"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import styled, { css } from 'styled-components';
 import Text from '../Item/Text/Text';
-import { PrefixelWrapper } from '../Item/Text/Text.styles'; // eslint-disable-next-line @typescript-eslint/no-empty-function
+import { PrefixelWrapper } from '../Item/Text/Text.styles';
 
+// eslint-disable-next-line @typescript-eslint/no-empty-function
 var NOOP = function NOOP() {};
-
 export var ArrowRight = styled.div.withConfig({
   displayName: "Breadcrumbstyles__ArrowRight",
   componentId: "gvmxah-0"
@@ -50,11 +47,10 @@ export var disableDefaultClickingStyles = function disableDefaultClickingStyles(
 };
 export var Breadcrumb = styled(function (_ref) {
   var children = _ref.children,
-      disabled = _ref.disabled,
-      onPathClick = _ref.onPathClick,
-      compact = _ref.compact,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    disabled = _ref.disabled,
+    onPathClick = _ref.onPathClick,
+    compact = _ref.compact,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/Elements/Header/Header.js

@@ -2,10 +2,9 @@ import React from 'react';
 import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
 import Icon, { InfoFillS } from '@synerise/ds-icon';
 import * as S from './Header.styles';
-
 var MenuHeader = function MenuHeader(_ref) {
   var headerText = _ref.headerText,
-      tooltip = _ref.tooltip;
+    tooltip = _ref.tooltip;
   return /*#__PURE__*/React.createElement(S.MenuHeader, null, headerText, tooltip && /*#__PURE__*/React.createElement(Tooltip, {
     type: "default",
     trigger: "hover",
@@ -14,5 +13,4 @@ var MenuHeader = function MenuHeader(_ref) {
     component: /*#__PURE__*/React.createElement(InfoFillS, null)
   }))));
 };
-
 export default MenuHeader;

package/dist/Elements/Item/Danger/Danger.js

@@ -1,16 +1,11 @@
 var _excluded = ["children"];
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import * as S from './Danger.styles';
-
 var Danger = function Danger(props) {
   var children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(S.DangerItem, rest, children);
 };
-
 export default Danger;

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

@@ -1,20 +1,17 @@
 var _excluded = ["children", "disabled"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import styled from 'styled-components';
 import React from 'react';
 import { IconContainer } from '@synerise/ds-icon';
 import Text from '../Text/Text';
-import { ContentWrapper, PrefixelWrapper } from '../Text/Text.styles'; // eslint-disable-next-line import/prefer-default-export
+import { ContentWrapper, PrefixelWrapper } from '../Text/Text.styles';
 
+// eslint-disable-next-line import/prefer-default-export
 export var DangerItem = styled(function (_ref) {
   var children = _ref.children,
-      disabled = _ref.disabled,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    disabled = _ref.disabled,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/Elements/Item/MenuItem.js

@@ -1,9 +1,6 @@
 var _excluded = ["prefixel", "suffixel", "ordered", "disabled", "danger", "text", "description", "subMenu", "children", "type", "indentLevel", "timeToHideTooltip", "onItemHover", "onClick", "menuItemKey", "onTitleClick"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import { ItemType } from './MenuItem.types';
@@ -11,29 +8,28 @@ import SubMenuItem from '../SubMenu/SubMenu';
 import Text from './Text/Text';
 import Select from './Select/Select';
 import Danger from './Danger/Danger';
-import { MenuDivider } from '../../Menu.styles'; // eslint-disable-next-line @typescript-eslint/no-empty-function
+import { MenuDivider } from '../../Menu.styles';
 
+// eslint-disable-next-line @typescript-eslint/no-empty-function
 var NOOP = function NOOP() {};
-
 var MenuItem = function MenuItem(props) {
   var prefixel = props.prefixel,
-      suffixel = props.suffixel,
-      ordered = props.ordered,
-      disabled = props.disabled,
-      danger = props.danger,
-      text = props.text,
-      description = props.description,
-      subMenu = props.subMenu,
-      children = props.children,
-      type = props.type,
-      indentLevel = props.indentLevel,
-      timeToHideTooltip = props.timeToHideTooltip,
-      onItemHover = props.onItemHover,
-      _onClick = props.onClick,
-      menuItemKey = props.menuItemKey,
-      onTitleClick = props.onTitleClick,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    suffixel = props.suffixel,
+    ordered = props.ordered,
+    disabled = props.disabled,
+    danger = props.danger,
+    text = props.text,
+    description = props.description,
+    subMenu = props.subMenu,
+    children = props.children,
+    type = props.type,
+    indentLevel = props.indentLevel,
+    timeToHideTooltip = props.timeToHideTooltip,
+    onItemHover = props.onItemHover,
+    _onClick = props.onClick,
+    menuItemKey = props.menuItemKey,
+    onTitleClick = props.onTitleClick,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   if (subMenu) {
     return /*#__PURE__*/React.createElement(SubMenuItem, _extends({
       prefixel: prefixel,
@@ -54,7 +50,6 @@ var MenuItem = function MenuItem(props) {
       onTitleClick: onTitleClick
     }, rest));
   }
-
   switch (type) {
     case ItemType.SELECT:
       return /*#__PURE__*/React.createElement(Select, _extends({
@@ -70,7 +65,6 @@ var MenuItem = function MenuItem(props) {
           _onClick && _onClick(menuInfo);
         }
       }, rest), text || children);
-
     case ItemType.DANGER:
       return /*#__PURE__*/React.createElement(Danger, _extends({
         ordered: ordered,
@@ -85,12 +79,10 @@ var MenuItem = function MenuItem(props) {
           _onClick && _onClick(menuInfo);
         }
       }, rest), text || children);
-
     case ItemType.DIVIDER:
       return /*#__PURE__*/React.createElement(MenuDivider, {
         level: rest.level
       });
-
     default:
       return /*#__PURE__*/React.createElement(Text, _extends({
         ordered: ordered,
@@ -109,5 +101,4 @@ var MenuItem = function MenuItem(props) {
       }, rest), text || children);
   }
 };
-
 export default MenuItem;

package/dist/Elements/Item/MenuItem.types.js

@@ -1,14 +1,11 @@
 export var ItemType;
-
 (function (ItemType) {
   ItemType["DEFAULT"] = "default";
   ItemType["SELECT"] = "select";
   ItemType["DANGER"] = "danger";
   ItemType["DIVIDER"] = "divider";
 })(ItemType || (ItemType = {}));
-
 export var ItemSize;
-
 (function (ItemSize) {
   ItemSize["DEFAULT"] = "default";
   ItemSize["LARGE"] = "large";

package/dist/Elements/Item/Select/Select.js

@@ -1,23 +1,17 @@
 var _excluded = ["disabled", "children"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import { v4 as uuid } from 'uuid';
 import '@synerise/ds-core/dist/js/style';
 import * as S from './Select.styles';
-
 var Select = function Select(props) {
   var disabled = props.disabled,
-      children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    children = props.children,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(S.SelectItem, _extends({
     key: uuid(),
     disabled: disabled
   }, rest), children);
 };
-
 export default Select;

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

@@ -1,19 +1,16 @@
 var _excluded = ["children", "disabled"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import styled from 'styled-components';
 import React from 'react';
 import { SuffixWraper } from '../Text/Text.styles';
-import Text from '../Text/Text'; // eslint-disable-next-line import/prefer-default-export
+import Text from '../Text/Text';
 
+// eslint-disable-next-line import/prefer-default-export
 export var SelectItem = styled(function (_ref) {
   var children = _ref.children,
-      disabled = _ref.disabled,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    disabled = _ref.disabled,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/Elements/Item/SubmenuText/SubmenuText.js

@@ -1,22 +1,17 @@
 var _excluded = ["disabled", "children", "prefixel", "suffixel", "key"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import { v4 as uuid } from 'uuid';
 import '@synerise/ds-core/dist/js/style';
 import * as S from './SubmenuText.styles';
-
 var SubmenuText = function SubmenuText(props) {
   var disabled = props.disabled,
-      children = props.children,
-      prefixel = props.prefixel,
-      suffixel = props.suffixel,
-      key = props.key,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    children = props.children,
+    prefixel = props.prefixel,
+    suffixel = props.suffixel,
+    key = props.key,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement(S.SubtitleItemWrapper, {
     className: "ds-submenu-title-wrapper"
   }, /*#__PURE__*/React.createElement(S.SubmenuText, _extends({
@@ -27,5 +22,4 @@ var SubmenuText = function SubmenuText(props) {
     className: "ds-submenu-title"
   }, rest), children));
 };
-
 export default SubmenuText;

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

@@ -1,27 +1,24 @@
 var _excluded = ["children", "disabled", "childrenCollapsed"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import styled from 'styled-components';
 import React from 'react';
 import { ContentWrapper } from '../Text/Text.styles';
-import Text from '../Text/Text'; // eslint-disable-next-line @typescript-eslint/no-empty-function
+import Text from '../Text/Text';
 
+// eslint-disable-next-line @typescript-eslint/no-empty-function
 var NOOP = function NOOP() {};
-
 export var SubtitleItemWrapper = styled.ul.withConfig({
   displayName: "SubmenuTextstyles__SubtitleItemWrapper",
   componentId: "dxm3s9-0"
-})(["display:flex;flex:1;"]); // eslint-disable-next-line import/prefer-default-export
+})(["display:flex;flex:1;"]);
 
+// eslint-disable-next-line import/prefer-default-export
 export var SubmenuText = styled(function (_ref) {
   var children = _ref.children,
-      disabled = _ref.disabled,
-      childrenCollapsed = _ref.childrenCollapsed,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    disabled = _ref.disabled,
+    childrenCollapsed = _ref.childrenCollapsed,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-props-no-spreading

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

@@ -1,9 +1,6 @@
 var _excluded = ["parent", "disabled", "prefixel", "suffixel", "danger", "children", "description", "copyable", "copyHint", "copyValue", "copyTooltip", "timeToHideTooltip", "highlight", "style", "prefixVisibilityTrigger", "suffixVisibilityTrigger", "indentLevel", "ordered", "onClick", "checked", "tooltipProps", "hoverTooltipProps", "renderHoverTooltip", "size", "onItemHover"];
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import "rc-trigger/assets/index.css";
 import classNames from 'classnames';
@@ -17,30 +14,26 @@ import { theme } from '@synerise/ds-core';
 import * as S from './Text.styles';
 import { triggerPlacements } from '../../../utils';
 import { VisibilityTrigger } from '../../../Menu.types';
-
 var renderAddon = function renderAddon(addon) {
   for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     params[_key - 1] = arguments[_key];
   }
-
   return addon instanceof Function ? addon.apply(void 0, params) : addon;
 };
-
 function WithHoverTooltip(_ref) {
   var _hoverTooltipProps$de;
-
   var hoverTooltipProps = _ref.hoverTooltipProps,
-      renderHoverTooltip = _ref.renderHoverTooltip,
-      children = _ref.children,
-      style = _ref.style;
+    renderHoverTooltip = _ref.renderHoverTooltip,
+    children = _ref.children,
+    style = _ref.style;
   var dsTheme = useTheme();
   var zIndex = parseInt(dsTheme.variables['zindex-tooltip'], 10);
   var cancelBubblingEvent = React.useCallback(function () {
     return function (ev) {
       ev.stopPropagation();
     };
-  }, []); // onKeyDown is used to disallow propagating key events to tooltip's container element
-
+  }, []);
+  // onKeyDown is used to disallow propagating key events to tooltip's container element
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -64,44 +57,40 @@ function WithHoverTooltip(_ref) {
     }, children)))
   );
 }
-
 var Text = function Text(_ref2) {
   var parent = _ref2.parent,
-      disabled = _ref2.disabled,
-      prefixel = _ref2.prefixel,
-      suffixel = _ref2.suffixel,
-      danger = _ref2.danger,
-      children = _ref2.children,
-      description = _ref2.description,
-      copyable = _ref2.copyable,
-      copyHint = _ref2.copyHint,
-      copyValue = _ref2.copyValue,
-      copyTooltip = _ref2.copyTooltip,
-      timeToHideTooltip = _ref2.timeToHideTooltip,
-      highlight = _ref2.highlight,
-      style = _ref2.style,
-      prefixVisibilityTrigger = _ref2.prefixVisibilityTrigger,
-      suffixVisibilityTrigger = _ref2.suffixVisibilityTrigger,
-      indentLevel = _ref2.indentLevel,
-      ordered = _ref2.ordered,
-      onClick = _ref2.onClick,
-      checked = _ref2.checked,
-      tooltipProps = _ref2.tooltipProps,
-      hoverTooltipProps = _ref2.hoverTooltipProps,
-      renderHoverTooltip = _ref2.renderHoverTooltip,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? 'default' : _ref2$size,
-      onItemHover = _ref2.onItemHover,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
+    disabled = _ref2.disabled,
+    prefixel = _ref2.prefixel,
+    suffixel = _ref2.suffixel,
+    danger = _ref2.danger,
+    children = _ref2.children,
+    description = _ref2.description,
+    copyable = _ref2.copyable,
+    copyHint = _ref2.copyHint,
+    copyValue = _ref2.copyValue,
+    copyTooltip = _ref2.copyTooltip,
+    timeToHideTooltip = _ref2.timeToHideTooltip,
+    highlight = _ref2.highlight,
+    style = _ref2.style,
+    prefixVisibilityTrigger = _ref2.prefixVisibilityTrigger,
+    suffixVisibilityTrigger = _ref2.suffixVisibilityTrigger,
+    indentLevel = _ref2.indentLevel,
+    ordered = _ref2.ordered,
+    onClick = _ref2.onClick,
+    checked = _ref2.checked,
+    tooltipProps = _ref2.tooltipProps,
+    hoverTooltipProps = _ref2.hoverTooltipProps,
+    renderHoverTooltip = _ref2.renderHoverTooltip,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'default' : _ref2$size,
+    onItemHover = _ref2.onItemHover,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
   var _React$useState = React.useState(false),
-      hovered = _React$useState[0],
-      setHovered = _React$useState[1];
-
+    hovered = _React$useState[0],
+    setHovered = _React$useState[1];
   var _React$useState2 = React.useState(false),
-      clicked = _React$useState2[0],
-      setClicked = _React$useState2[1];
-
+    clicked = _React$useState2[0],
+    setClicked = _React$useState2[1];
   var canCopyToClipboard = copyable && copyHint && copyValue && !disabled;
   var showSuffixOnHover = suffixVisibilityTrigger === VisibilityTrigger.HOVER;
   var showPrefixOnHover = prefixVisibilityTrigger === VisibilityTrigger.HOVER;
@@ -111,15 +100,12 @@ var Text = function Text(_ref2) {
   var prefixElement = React.useMemo(function () {
     return renderAddon(prefixel, hovered);
   }, [prefixel, hovered]);
-
   var renderChildren = function renderChildren() {
     if (highlight && typeof children === 'string') {
       var index = children.toLocaleLowerCase().indexOf(highlight.toLocaleLowerCase());
-
       if (index === -1) {
         return children;
       }
-
       var escapedHighlight = escapeRegEx(highlight);
       var startOfQuery = children.toLowerCase().search(escapedHighlight.toLowerCase());
       var endOfQuery = startOfQuery + highlight.length;
@@ -129,29 +115,23 @@ var Text = function Text(_ref2) {
       }, children.substring(startOfQuery, endOfQuery)), children.substring(endOfQuery, children.length)];
       return resultArray;
     }
-
     return children;
   };
-
   var shouldRenderSuffix = React.useMemo(function () {
     if (showSuffixOnHover) {
       return (!!suffixElement || !!checked) && hovered;
     }
-
     return !!suffixElement || !!checked;
   }, [showSuffixOnHover, suffixElement, checked, hovered]);
   var shouldRenderPrefix = React.useMemo(function () {
     if (showPrefixOnHover) {
       return !!prefixElement && hovered;
     }
-
     return !!prefixElement;
   }, [showPrefixOnHover, prefixElement, hovered]);
-
   var renderPrefixElement = function renderPrefixElement(isHover) {
     return prefixel instanceof Function ? prefixel(isHover) : prefixel;
   };
-
   var className = React.useMemo(function () {
     return classNames('ds-menu-item', rest.className, size);
   }, [rest.className, size]);
@@ -209,7 +189,6 @@ var Text = function Text(_ref2) {
     component: /*#__PURE__*/React.createElement(CheckS, null),
     color: theme.palette["green-600"]
   }), suffixElement)))));
-
   if (renderHoverTooltip) {
     return /*#__PURE__*/React.createElement(WithHoverTooltip, {
       hoverTooltipProps: hoverTooltipProps,
@@ -217,8 +196,6 @@ var Text = function Text(_ref2) {
       style: style
     }, element);
   }
-
   return element;
 };
-
 export default Text;

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

@@ -4,20 +4,16 @@ import { IconContainer } from '@synerise/ds-icon';
 import { ItemSize } from '../MenuItem.types';
 var INDENT_LEVEL_STEP = 16;
 var TRANSITION_FN = '0.2s ease-out';
-
 var calculateIndent = function calculateIndent(indentLevel) {
   var indentLevelPadding = indentLevel && Number(indentLevel) > 0 ? indentLevel * INDENT_LEVEL_STEP : 0;
   return indentLevelPadding;
 };
-
 var hiddenElementStyle = function hiddenElementStyle() {
   return css(["opacity:0;pointer-events:none;"]);
 };
-
 var visibleElementStyle = function visibleElementStyle() {
   return css(["opacity:1;pointer-events:all;"]);
 };
-
 export var ArrowRight = styled.div.withConfig({
   displayName: "Textstyles__ArrowRight",
   componentId: "dgb761-0"
@@ -38,23 +34,18 @@ export var PrefixelWrapper = styled.div.withConfig({
 }, TRANSITION_FN, function (props) {
   return !!props.disabled && "svg {fill: " + props.theme.palette['grey-600'] + "};";
 });
-
 var disableOrdering = function disableOrdering() {
   return css(["&::before{content:none;}"]);
 };
-
 var applySizeStyles = function applySizeStyles(props) {
   if (props.size === ItemSize.LARGE) {
     return css(["&.large{min-height:50px;}"]);
   }
-
   if (props.size === ItemSize.DEFAULT && !props.description) {
     return css(["&.default{max-height:32px;}"]);
   }
-
   return css([""]);
 };
-
 export var Wrapper = styled(MenuItem).withConfig({
   displayName: "Textstyles__Wrapper",
   componentId: "dgb761-3"

package/dist/Elements/SubMenu/SubMenu.js

@@ -1,13 +1,8 @@
 var _excluded = ["text", "prefixel", "suffixel", "subMenu", "disabled", "danger", "ordered", "onTitleClick", "menuItemKey", "selectedKeys", "suffixVisibilityTrigger", "prefixVisibilityTrigger", "size", "description"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 import React from 'react';
 import { v4 as uuid } from 'uuid';
 import classNames from 'classnames';
@@ -15,41 +10,35 @@ import '@synerise/ds-core/dist/js/style';
 import * as S from '../../Menu.styles';
 import MenuItem from '../Item/MenuItem';
 import SubmenuText from '../Item/SubmenuText/SubmenuText';
-
 var SubMenuItem = /*#__PURE__*/function (_React$PureComponent) {
   function SubMenuItem(props) {
     var _this;
-
-    _this = _React$PureComponent.call(this, props) || this; // eslint-disable-next-line react/state-in-constructor
-
+    _this = _React$PureComponent.call(this, props) || this;
+    // eslint-disable-next-line react/state-in-constructor
     _this.state = {
       uuidKey: uuid()
     };
     return _this;
   }
-
   _inheritsLoose(SubMenuItem, _React$PureComponent);
-
   var _proto = SubMenuItem.prototype;
-
   _proto.render = function render() {
     var _this$props = this.props,
-        text = _this$props.text,
-        prefixel = _this$props.prefixel,
-        suffixel = _this$props.suffixel,
-        subMenu = _this$props.subMenu,
-        disabled = _this$props.disabled,
-        danger = _this$props.danger,
-        ordered = _this$props.ordered,
-        onTitleClick = _this$props.onTitleClick,
-        menuItemKey = _this$props.menuItemKey,
-        selectedKeys = _this$props.selectedKeys,
-        suffixVisibilityTrigger = _this$props.suffixVisibilityTrigger,
-        prefixVisibilityTrigger = _this$props.prefixVisibilityTrigger,
-        size = _this$props.size,
-        description = _this$props.description,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      text = _this$props.text,
+      prefixel = _this$props.prefixel,
+      suffixel = _this$props.suffixel,
+      subMenu = _this$props.subMenu,
+      disabled = _this$props.disabled,
+      danger = _this$props.danger,
+      ordered = _this$props.ordered,
+      onTitleClick = _this$props.onTitleClick,
+      menuItemKey = _this$props.menuItemKey,
+      selectedKeys = _this$props.selectedKeys,
+      suffixVisibilityTrigger = _this$props.suffixVisibilityTrigger,
+      prefixVisibilityTrigger = _this$props.prefixVisibilityTrigger,
+      size = _this$props.size,
+      description = _this$props.description,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
     var uuidKey = this.state.uuidKey;
     return /*#__PURE__*/React.createElement(S.SubMenuItem, _extends({
       title: /*#__PURE__*/React.createElement(SubmenuText, {
@@ -73,7 +62,8 @@ var SubMenuItem = /*#__PURE__*/function (_React$PureComponent) {
       className: classNames('ds-menu-item', {
         'ant-menu-item-selected': !!menuItemKey && !!selectedKeys && selectedKeys.includes(menuItemKey)
       })
-    }), Boolean(subMenu) && // @ts-ignore */
+    }), Boolean(subMenu) &&
+    // @ts-ignore */
     subMenu.map(function (subItem, index) {
       return /*#__PURE__*/React.createElement(MenuItem, _extends({
         parent: subItem.parent,
@@ -86,7 +76,8 @@ var SubMenuItem = /*#__PURE__*/function (_React$PureComponent) {
         ordered: subItem.ordered === undefined ? ordered : subItem.ordered,
         description: subItem.description,
         suffixVisibilityTrigger: subItem.suffixVisibilityTrigger,
-        prefixVisibilityTrigger: subItem.prefixVisibilityTrigger // eslint-disable-next-line react/jsx-handler-names
+        prefixVisibilityTrigger: subItem.prefixVisibilityTrigger
+        // eslint-disable-next-line react/jsx-handler-names
         ,
         onClick: function onClick() {
           subItem.onClick && subItem.onClick(subItem);
@@ -98,8 +89,6 @@ var SubMenuItem = /*#__PURE__*/function (_React$PureComponent) {
       }, subItem));
     }));
   };
-
   return SubMenuItem;
 }(React.PureComponent);
-
 export default SubMenuItem;

package/dist/Menu.js

@@ -1,23 +1,13 @@
 var _excluded = ["dataSource", "ordered", "selectable", "children", "showTextTooltip", "texts", "maxToShowItems"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React, { Children, Component } from 'react';
 import Button from '@synerise/ds-button';
 import Icon, { ArrowDownCircleM, ArrowUpCircleM } from '@synerise/ds-icon';
@@ -33,46 +23,35 @@ import Header from './Elements/Header/Header';
 export var Menu = /*#__PURE__*/function (_Component) {
   function Menu() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _Component.call.apply(_Component, [this].concat(args)) || this;
-
     _defineProperty(_this, "state", {
       allItemsVisible: false
     });
-
     return _this;
   }
-
   _inheritsLoose(Menu, _Component);
-
   var _proto = Menu.prototype;
-
   _proto.toggleItems = function toggleItems() {
     var allItemsVisible = this.state.allItemsVisible;
     this.setState({
       allItemsVisible: !allItemsVisible
     });
   };
-
   _proto.render = function render() {
     var _this2 = this;
-
     var _this$props = this.props,
-        dataSource = _this$props.dataSource,
-        ordered = _this$props.ordered,
-        selectable = _this$props.selectable,
-        children = _this$props.children,
-        showTextTooltip = _this$props.showTextTooltip,
-        texts = _this$props.texts,
-        maxToShowItems = _this$props.maxToShowItems,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      dataSource = _this$props.dataSource,
+      ordered = _this$props.ordered,
+      selectable = _this$props.selectable,
+      children = _this$props.children,
+      showTextTooltip = _this$props.showTextTooltip,
+      texts = _this$props.texts,
+      maxToShowItems = _this$props.maxToShowItems,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
     var allItemsVisible = this.state.allItemsVisible;
-
     var allTexts = _objectSpread({
       showLess: /*#__PURE__*/React.createElement(FormattedMessage, {
         id: "DS.MENU.SHOW-LESS",
@@ -83,7 +62,6 @@ export var Menu = /*#__PURE__*/function (_Component) {
         defaultMessage: "Show more"
       })
     }, texts);
-
     var isListTogglable = maxToShowItems !== undefined;
     var isDataSource = dataSource !== undefined;
     var childrenArray = Children.toArray(children);
@@ -153,20 +131,12 @@ export var Menu = /*#__PURE__*/function (_Component) {
       }, rest, item));
     }) : visibleChildren), toggleButton);
   };
-
   return Menu;
 }(Component);
-
 _defineProperty(Menu, "Item", MenuItem);
-
 _defineProperty(Menu, "Breadcrumb", Breadcrumb);
-
 _defineProperty(Menu, "Header", Header);
-
 _defineProperty(Menu, "ItemGroup", S.AntdMenu.ItemGroup);
-
 _defineProperty(Menu, "SubMenu", S.AntdMenu.SubMenu);
-
 _defineProperty(Menu, "Divider", S.MenuDivider);
-
 export default Menu;

package/dist/Menu.styles.js

@@ -1,13 +1,11 @@
 import styled, { css } from 'styled-components';
 import { Menu } from 'antd';
 var overflowStyles = css(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]);
-
 var arrowDownSvgWithCustomColor = function arrowDownSvgWithCustomColor(color) {
   var colorValueForSvg = color.replace(/#/, '%23');
   var iconWithColor = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' >/><path fill='none' d='M0 0h24v24H0z' /><path style='fill: " + colorValueForSvg + ";' d='M14.71973,9.84473,12,12.56445,9.28027,9.84473a.74992.74992,0,0,0-1.06054,1.06054l3.25,3.25a.74971.74971,0,0,0,1.06054,0l3.25-3.25a.74992.74992,0,0,0-1.06054-1.06054Z'/></svg>";
   return iconWithColor;
 };
-
 export var MenuDivider = styled.div.withConfig({
   displayName: "Menustyles__MenuDivider",
   componentId: "sc-10eu0qe-0"

package/dist/Menu.types.js

@@ -1,5 +1,4 @@
 export var VisibilityTrigger;
-
 (function (VisibilityTrigger) {
   VisibilityTrigger["DEFAULT"] = "default";
   VisibilityTrigger["HOVER"] = "hover";

package/dist/utils.js

@@ -1,4 +1,5 @@
 /* eslint-disable import/prefer-default-export */
+
 export var triggerPlacements = {
   left: {
     points: ['cr', 'cl'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-menu",
-  "version": "0.20.5",
+  "version": "0.20.7",
   "description": "Menu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,10 +34,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.18",
-    "@synerise/ds-icon": "^0.66.4",
-    "@synerise/ds-tooltip": "^0.14.48",
-    "@synerise/ds-utils": "^0.31.1",
+    "@synerise/ds-button": "^0.21.20",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-tooltip": "^0.14.50",
+    "@synerise/ds-utils": "^0.31.2",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
     "rc-menu": "8.10.7",
@@ -50,5 +50,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "^5.0.1"
   },
-  "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }