@synerise/ds-menu 0.11.0 → 0.11.4

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.11.3...@synerise/ds-menu@0.11.4) (2021-12-22)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
+## [0.11.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.11.2...@synerise/ds-menu@0.11.3) (2021-12-20)
+
+
+### Bug Fixes
+
+* **table:** fixes returned data by on change selection function ([151e195](https://github.com/Synerise/synerise-design/commit/151e195b8bb6d37f9fdede12aaa569b56ba97e82))
+
+
+
+
+
+## [0.11.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.11.1...@synerise/ds-menu@0.11.2) (2021-11-22)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
+## [0.11.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.10.45...@synerise/ds-menu@0.11.1) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
 # [0.11.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.10.45...@synerise/ds-menu@0.11.0) (2021-11-09)
 
 **Note:** Version bump only for package @synerise/ds-menu

package/dist/Elements/Breadcrumb/Breadcrumb.js

@@ -2,28 +2,6 @@ var _excluded = ["path", "disabled", "highlight", "description", "onPathClick",
 
 function _extends() { _extends = Object.assign || 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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; }
 
 import * as React from 'react';
@@ -42,19 +20,16 @@ var Breadcrumb = function Breadcrumb(_ref) {
       startWithArrow = _ref.startWithArrow,
       gradientOverlap = _ref.gradientOverlap,
       highlightActivePath = _ref.highlightActivePath,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var prefixel = rest.prefixel;
-
-  var breadcrumbsArray = _toConsumableArray(path);
-
+  var breadcrumbsArray = [].concat(path);
   var pathToDisplay = compact ? breadcrumbsArray.reverse() : breadcrumbsArray;
   var contentRef = React.useRef(null);
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      gradient = _React$useState2[0],
-      setGradient = _React$useState2[1];
+      gradient = _React$useState[0],
+      setGradient = _React$useState[1];
 
   var renderWithHighlighting = React.useCallback(function (name) {
     if (highlight && typeof name === 'string') {
@@ -136,9 +111,9 @@ var Breadcrumb = function Breadcrumb(_ref) {
       // eslint-disable-next-line react/no-array-index-key
       React.createElement(S.BreadcrumbRoute, {
         className: "route",
-        key: "".concat(item, "-").concat(index)
+        key: item + "-" + index
       }, /*#__PURE__*/React.createElement(S.BreadcrumbName, {
-        className: "ds-breadcrumb-name ".concat(attachActiveClassName(index)),
+        className: "ds-breadcrumb-name " + attachActiveClassName(index),
         onClick: function onClick() {
           onPathClick && onPathClick(item);
         }

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

@@ -2,8 +2,6 @@ var _excluded = ["children", "disabled", "onPathClick", "compact"];
 
 function _extends() { _extends = Object.assign || 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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; }
 
 import styled, { css } from 'styled-components';
@@ -35,11 +33,11 @@ export var ContentWrapper = styled.div.withConfig({
 })(["position:relative;&::before{pointer-events:none;content:", ";position:absolute;display:block;width:50px;height:18px;transition:opacity 0.3s ease-in-out;background-image:", ";}&::after{pointer-events:none;content:", ";position:absolute;left:0;top:0;display:block;width:50px;height:18px;transition:opacity 0.3s ease-in-out;background-image:", ";}"], function (props) {
   return props.gradientOverlap ? "''" : 'none';
 }, function (props) {
-  return "-webkit-linear-gradient( left,\n    ".concat(props.theme.palette['grey-050'], " 0%,\n    rgba(255,255,255,0) 100%\n  )");
+  return "-webkit-linear-gradient( left,\n    " + props.theme.palette['grey-050'] + " 0%,\n    rgba(255,255,255,0) 100%\n  )";
 }, function (props) {
   return props.gradientOverlap ? "''" : 'none';
 }, function (props) {
-  return "-webkit-linear-gradient( left,\n    ".concat(props.theme.palette.white, " 0%,\n    rgba(255,255,255,0) 100%\n  )");
+  return "-webkit-linear-gradient( left,\n    " + props.theme.palette.white + " 0%,\n    rgba(255,255,255,0) 100%\n  )";
 });
 export var BreadcrumbName = styled.div.withConfig({
   displayName: "Breadcrumbstyles__BreadcrumbName",
@@ -55,7 +53,7 @@ export var Breadcrumb = styled(function (_ref) {
       disabled = _ref.disabled,
       onPathClick = _ref.onPathClick,
       compact = _ref.compact,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return (
     /*#__PURE__*/
@@ -78,7 +76,7 @@ export var Breadcrumb = styled(function (_ref) {
 }, BreadcrumbName, Description, function (props) {
   return props.disabled ? props.theme.palette['grey-600'] : props.theme.palette['blue-600'];
 }, ContentWrapper, ContentWrapper, ContentWrapper, function (props) {
-  return "-webkit-linear-gradient( left,\n    ".concat(props.theme.palette['grey-100'], " 0%,\n    rgba(255,255,255,0) 100%\n  )");
+  return "-webkit-linear-gradient( left,\n    " + props.theme.palette['grey-100'] + " 0%,\n    rgba(255,255,255,0) 100%\n  )";
 }, function (props) {
   return !!props.onPathClick && disableDefaultClickingStyles(props);
 });

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

@@ -1,7 +1,5 @@
 var _excluded = ["children"];
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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; }
 
 import * as React from 'react';
@@ -10,7 +8,7 @@ import * as S from './Danger.styles';
 
 var Danger = function Danger(props) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
+      rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(S.DangerItem, rest, children);
 };

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

@@ -2,8 +2,6 @@ var _excluded = ["children", "disabled"];
 
 function _extends() { _extends = Object.assign || 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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; }
 
 import styled from 'styled-components';
@@ -15,7 +13,7 @@ import { ContentWrapper, PrefixelWrapper } from '../Text/Text.styles'; // eslint
 export var DangerItem = styled(function (_ref) {
   var children = _ref.children,
       disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return (
     /*#__PURE__*/
@@ -36,11 +34,11 @@ export var DangerItem = styled(function (_ref) {
 }, ContentWrapper, function (props) {
   return props.theme.palette['red-600'];
 }, PrefixelWrapper, function (props) {
-  return "\n          fill: ".concat(props.theme.palette['red-600'], ";\n        ");
+  return "\n          fill: " + props.theme.palette['red-600'] + ";\n        ";
 }, function (props) {
-  return !props.disabled && "\n        ".concat(PrefixelWrapper, " > ").concat(IconContainer, " > svg {\n          fill: ").concat(props.theme.palette['red-600'], " !important;\n        }\n        background: ").concat(props.theme.palette['red-050'], ";\n      ");
+  return !props.disabled && "\n        " + PrefixelWrapper + " > " + IconContainer + " > svg {\n          fill: " + props.theme.palette['red-600'] + " !important;\n        }\n        background: " + props.theme.palette['red-050'] + ";\n      ";
 }, function (props) {
-  return !props.disabled && "\n        ".concat(PrefixelWrapper, " > ").concat(IconContainer, " > svg {\n          fill: ").concat(props.theme.palette['red-600'], " !important;\n        }\n        background: ").concat(props.theme.palette['red-050'], " !important;\n      ");
+  return !props.disabled && "\n        " + PrefixelWrapper + " > " + IconContainer + " > svg {\n          fill: " + props.theme.palette['red-600'] + " !important;\n        }\n        background: " + props.theme.palette['red-050'] + " !important;\n      ";
 }, function (props) {
-  return !props.disabled && "\n        background: ".concat(props.theme.palette['red-100'], " !important;\n      ");
+  return !props.disabled && "\n        background: " + props.theme.palette['red-100'] + " !important;\n      ";
 });

package/dist/Elements/Item/MenuItem.js

@@ -2,8 +2,6 @@ var _excluded = ["prefixel", "suffixel", "ordered", "disabled", "danger", "text"
 
 function _extends() { _extends = Object.assign || 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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; }
 
 import * as React from 'react';
@@ -34,7 +32,7 @@ var MenuItem = function MenuItem(props) {
       onClick = props.onClick,
       menuItemKey = props.menuItemKey,
       onTitleClick = props.onTitleClick,
-      rest = _objectWithoutProperties(props, _excluded);
+      rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   if (subMenu) {
     return /*#__PURE__*/React.createElement(SubMenuItem, _extends({

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

@@ -2,8 +2,6 @@ var _excluded = ["disabled", "children"];
 
 function _extends() { _extends = Object.assign || 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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; }
 
 import * as React from 'react';
@@ -14,7 +12,7 @@ import * as S from './Select.styles';
 var Select = function Select(props) {
   var disabled = props.disabled,
       children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
+      rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(S.SelectItem, _extends({
     key: uuid(),

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

@@ -2,8 +2,6 @@ var _excluded = ["children", "disabled"];
 
 function _extends() { _extends = Object.assign || 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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; }
 
 import styled from 'styled-components';
@@ -14,7 +12,7 @@ import Text from '../Text/Text'; // eslint-disable-next-line import/prefer-defau
 export var SelectItem = styled(function (_ref) {
   var children = _ref.children,
       disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return (
     /*#__PURE__*/

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

@@ -2,8 +2,6 @@ var _excluded = ["disabled", "children", "prefixel", "suffixel", "key"];
 
 function _extends() { _extends = Object.assign || 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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; }
 
 import * as React from 'react';
@@ -17,7 +15,7 @@ var SubmenuText = function SubmenuText(props) {
       prefixel = props.prefixel,
       suffixel = props.suffixel,
       key = props.key,
-      rest = _objectWithoutProperties(props, _excluded);
+      rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(S.SubtitleItemWrapper, {
     className: "ds-submenu-title-wrapper"

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

@@ -2,8 +2,6 @@ var _excluded = ["children", "disabled", "childrenCollapsed"];
 
 function _extends() { _extends = Object.assign || 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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; }
 
 import styled from 'styled-components';
@@ -22,7 +20,7 @@ export var SubmenuText = styled(function (_ref) {
   var children = _ref.children,
       disabled = _ref.disabled,
       childrenCollapsed = _ref.childrenCollapsed,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return (
     /*#__PURE__*/

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

@@ -2,20 +2,6 @@ var _excluded = ["parent", "disabled", "prefixel", "suffixel", "danger", "childr
 
 function _extends() { _extends = Object.assign || 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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; }
 
 import * as React from 'react';
@@ -58,17 +44,15 @@ var Text = function Text(_ref) {
       checked = _ref.checked,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'default' : _ref$size,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      hovered = _React$useState2[0],
-      setHovered = _React$useState2[1];
-
-  var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      clicked = _React$useState4[0],
-      setClicked = _React$useState4[1];
+      hovered = _React$useState[0],
+      setHovered = _React$useState[1];
+
+  var _React$useState2 = React.useState(false),
+      clicked = _React$useState2[0],
+      setClicked = _React$useState2[1];
 
   var canCopyToClipboard = copyable && copyHint && copyValue && !disabled;
   var showSuffixOnHover = suffixVisibilityTrigger === VisibilityTrigger.HOVER;

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

@@ -40,7 +40,7 @@ export var PrefixelWrapper = styled.div.withConfig({
 })(["display:flex;", ";transition:opacity ", ";margin-top:-7px;margin-bottom:-7px;margin-left:-4px;margin-right:12px;align-items:center;", ""], function (props) {
   return props.visible ? visibleElementStyle() : hiddenElementStyle();
 }, TRANSITION_FN, function (props) {
-  return !!props.disabled && "svg {fill: ".concat(props.theme.palette['grey-600'], "};");
+  return !!props.disabled && "svg {fill: " + props.theme.palette['grey-600'] + "};";
 });
 
 var disableOrdering = function disableOrdering() {
@@ -77,7 +77,7 @@ export var Wrapper = styled(MenuItem).withConfig({
 }, TRANSITION_FN, function (props) {
   return props.prefixel ? '8' : '12';
 }, Inner, function (props) {
-  return "".concat(calculateIndent(props.indentLevel), "px ");
+  return calculateIndent(props.indentLevel) + "px ";
 }, function (props) {
   return props.disabled ? "\n    & > * {\n       pointer-events: none\n    }" : '';
 }, function (props) {
@@ -99,7 +99,7 @@ export var Wrapper = styled(MenuItem).withConfig({
 }, function (props) {
   return props.theme.palette['grey-800'];
 }, function (props) {
-  return !props.disabled && "inset 0 0 0 2px ".concat(props.theme.palette['blue-600'], " ");
+  return !props.disabled && "inset 0 0 0 2px " + props.theme.palette['blue-600'] + " ";
 }, function (props) {
   return props.theme.palette['grey-700'];
 }, function (props) {
@@ -111,15 +111,15 @@ export var Wrapper = styled(MenuItem).withConfig({
 }, function (props) {
   return props.theme.palette['blue-050'];
 }, PrefixelWrapper, function (props) {
-  return !props.disabled && "\n          fill: ".concat(props.theme.palette['grey-600'], ";\n        ");
+  return !props.disabled && "\n          fill: " + props.theme.palette['grey-600'] + ";\n        ";
 }, function (props) {
-  return props.description ? "".concat(props.theme.palette['blue-600'], " !important") : 'inherit';
+  return props.description ? props.theme.palette['blue-600'] + " !important" : 'inherit';
 }, ArrowRight, function (props) {
   return props.disabled ? props.theme.palette['grey-700'] : props.theme.palette['blue-600'];
 }, ArrowRight, function (props) {
   return props.disabled ? props.theme.palette['grey-600'] : props.theme.palette['blue-600'];
 }, function (props) {
-  return !props.disabled && "\n        .ds-menu-prefix { ".concat(IconContainer, " > svg {\n          fill: ").concat(props.theme.palette['blue-600'], " !important;\n        }}\n        color: ").concat(props.theme.palette['blue-600'], " !important;\n        background: ").concat(props.theme.palette['grey-050'], ";\n      ");
+  return !props.disabled && "\n        .ds-menu-prefix { " + IconContainer + " > svg {\n          fill: " + props.theme.palette['blue-600'] + " !important;\n        }}\n        color: " + props.theme.palette['blue-600'] + " !important;\n        background: " + props.theme.palette['grey-050'] + ";\n      ";
 });
 export var Content = styled.div.withConfig({
   displayName: "Textstyles__Content",
@@ -139,7 +139,7 @@ export var SuffixWraper = styled.div.withConfig({
 })(["justify-content:flex-end;display:flex;transition:opacity ", ";", ";", ";svg{margin-right:-4px;}"], TRANSITION_FN, function (props) {
   return props.visible ? visibleElementStyle() : hiddenElementStyle();
 }, function (props) {
-  return !!props.disabled && "svg {\n      fill:".concat(props.theme.palette['grey-600'], "\n    }\n  ");
+  return !!props.disabled && "svg {\n      fill:" + props.theme.palette['grey-600'] + "\n    }\n  ";
 });
 export var ContentWrapper = styled.div.withConfig({
   displayName: "Textstyles__ContentWrapper",

package/dist/Elements/SubMenu/SubMenu.js

@@ -1,32 +1,10 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 var _excluded = ["text", "prefixel", "suffixel", "subMenu", "disabled", "danger", "ordered", "onTitleClick", "menuItemKey", "selectedKeys", "suffixVisibilityTrigger", "prefixVisibilityTrigger", "size", "description"];
 
 function _extends() { _extends = Object.assign || 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
 import * as React from 'react';
 import { v4 as uuid } from 'uuid';
@@ -37,16 +15,12 @@ import MenuItem from '../Item/MenuItem';
 import SubmenuText from '../Item/SubmenuText/SubmenuText';
 
 var SubMenuItem = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(SubMenuItem, _React$PureComponent);
-
-  var _super = _createSuper(SubMenuItem);
+  _inheritsLoose(SubMenuItem, _React$PureComponent);
 
   function SubMenuItem(props) {
     var _this;
 
-    _classCallCheck(this, SubMenuItem);
-
-    _this = _super.call(this, props); // 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()
@@ -54,76 +28,75 @@ var SubMenuItem = /*#__PURE__*/function (_React$PureComponent) {
     return _this;
   }
 
-  _createClass(SubMenuItem, [{
-    key: "render",
-    value: 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 = _objectWithoutProperties(_this$props, _excluded);
-
-      var uuidKey = this.state.uuidKey;
-      return /*#__PURE__*/React.createElement(S.SubMenuItem, _extends({
-        title: /*#__PURE__*/React.createElement(SubmenuText, {
-          key: "".concat(menuItemKey || uuidKey, "-title"),
-          prefixel: prefixel,
-          suffixel: suffixel,
-          onClick: onTitleClick,
-          disabled: disabled,
-          suffixVisibilityTrigger: suffixVisibilityTrigger,
-          prefixVisibilityTrigger: prefixVisibilityTrigger,
-          size: size,
-          description: description
-        }, text),
-        key: menuItemKey || uuidKey,
-        onTitleClick: onTitleClick,
-        danger: danger,
-        ordered: ordered,
+  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);
+
+    var uuidKey = this.state.uuidKey;
+    return /*#__PURE__*/React.createElement(S.SubMenuItem, _extends({
+      title: /*#__PURE__*/React.createElement(SubmenuText, {
+        key: (menuItemKey || uuidKey) + "-title",
+        prefixel: prefixel,
+        suffixel: suffixel,
+        onClick: onTitleClick,
         disabled: disabled,
-        tabIndex: !disabled ? 0 : -1
-      }, rest, {
-        className: classNames('ds-menu-item', {
-          'ant-menu-item-selected': !!menuItemKey && !!selectedKeys && selectedKeys.includes(menuItemKey)
-        })
-      }), Boolean(subMenu) && // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-      // @ts-ignore */
-      subMenu.map(function (subItem, index) {
-        return /*#__PURE__*/React.createElement(MenuItem, _extends({
-          parent: subItem.parent,
-          prefixel: subItem.prefixel,
-          suffixel: subItem.suffixel,
-          disabled: subItem.disabled,
-          text: subItem.text,
-          danger: subItem.danger,
-          subMenu: subItem.subMenu,
-          ordered: subItem.ordered === undefined ? ordered : subItem.ordered,
-          description: subItem.description,
-          suffixVisibilityTrigger: subItem.suffixVisibilityTrigger,
-          prefixVisibilityTrigger: subItem.prefixVisibilityTrigger // eslint-disable-next-line react/jsx-handler-names
-          ,
-          onClick: function onClick() {
-            subItem.onClick && subItem.onClick(subItem);
-          },
-          key: subItem.key || "".concat(uuidKey, "-").concat(index) // eslint-disable-line react/no-array-index-key
-          ,
-          menuItemKey: subItem.key || "".concat(uuidKey, "-").concat(index),
-          selectedKeys: selectedKeys
-        }, subItem));
-      }));
-    }
-  }]);
+        suffixVisibilityTrigger: suffixVisibilityTrigger,
+        prefixVisibilityTrigger: prefixVisibilityTrigger,
+        size: size,
+        description: description
+      }, text),
+      key: menuItemKey || uuidKey,
+      onTitleClick: onTitleClick,
+      danger: danger,
+      ordered: ordered,
+      disabled: disabled,
+      tabIndex: !disabled ? 0 : -1
+    }, rest, {
+      className: classNames('ds-menu-item', {
+        'ant-menu-item-selected': !!menuItemKey && !!selectedKeys && selectedKeys.includes(menuItemKey)
+      })
+    }), Boolean(subMenu) && // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+    // @ts-ignore */
+    subMenu.map(function (subItem, index) {
+      return /*#__PURE__*/React.createElement(MenuItem, _extends({
+        parent: subItem.parent,
+        prefixel: subItem.prefixel,
+        suffixel: subItem.suffixel,
+        disabled: subItem.disabled,
+        text: subItem.text,
+        danger: subItem.danger,
+        subMenu: subItem.subMenu,
+        ordered: subItem.ordered === undefined ? ordered : subItem.ordered,
+        description: subItem.description,
+        suffixVisibilityTrigger: subItem.suffixVisibilityTrigger,
+        prefixVisibilityTrigger: subItem.prefixVisibilityTrigger // eslint-disable-next-line react/jsx-handler-names
+        ,
+        onClick: function onClick() {
+          subItem.onClick && subItem.onClick(subItem);
+        },
+        key: subItem.key || uuidKey + "-" + index // eslint-disable-line react/no-array-index-key
+        ,
+        menuItemKey: subItem.key || uuidKey + "-" + index,
+        selectedKeys: selectedKeys
+      }, subItem));
+    }));
+  };
 
   return SubMenuItem;
 }(React.PureComponent);

package/dist/Menu.js

@@ -1,32 +1,12 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 var _excluded = ["dataSource", "ordered", "selectable", "children", "showTextTooltip"];
 
 function _extends() { _extends = Object.assign || 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import * as React from 'react';
 import '@synerise/ds-core/dist/js/style';
@@ -39,88 +19,89 @@ import Breadcrumb from './Elements/Breadcrumb/Breadcrumb';
 import Header from './Elements/Header/Header';
 
 var Menu = /*#__PURE__*/function (_React$Component) {
-  _inherits(Menu, _React$Component);
-
-  var _super = _createSuper(Menu);
+  _inheritsLoose(Menu, _React$Component);
 
   function Menu() {
-    _classCallCheck(this, Menu);
-
-    return _super.apply(this, arguments);
+    return _React$Component.apply(this, arguments) || this;
   }
 
-  _createClass(Menu, [{
-    key: "render",
-    value: function render() {
-      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,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
-      return /*#__PURE__*/React.createElement(S.AntdMenu, _extends({
-        ordered: ordered,
-        mode: "inline",
-        inlineIndent: ordered ? 20 : 18
-      }, rest, {
-        selectable: selectable === undefined ? false : selectable
-      }), children || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item, index) {
-        return item.subMenu ? /*#__PURE__*/React.createElement(SubMenuItem, _extends({
-          parent: item.parent,
-          prefixel: item.prefixel,
-          suffixel: item.suffixel,
-          disabled: item.disabled,
-          text: showTextTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
-            title: item.text
-          }, item.text) : item.text,
-          description: item.description,
-          subMenu: item.subMenu,
-          ordered: item.ordered === undefined ? ordered : item.ordered,
-          copyable: item.copyable,
-          copyHint: item.copyHint,
-          copyValue: item.copyValue,
-          suffixVisibilityTrigger: item.suffixVisibilityTrigger,
-          prefixVisibilityTrigger: item.prefixVisibilityTrigger,
-          key: item.key || "".concat(item.text).concat(index) // eslint-disable-line react/no-array-index-key
-          ,
-          menuItemKey: item.key || "".concat(item.text).concat(index)
-        }, rest, item)) : /*#__PURE__*/React.createElement(MenuItem, _extends({
-          className: "ds-menu-item",
-          parent: item.parent,
-          prefixel: item.prefixel,
-          suffixel: item.suffixel,
-          disabled: item.disabled,
-          text: showTextTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
-            title: item.text
-          }, item.text) : item.text,
-          description: item.description,
-          subMenu: item.subMenu,
-          ordered: item.ordered === undefined ? ordered : item.ordered,
-          copyable: item.copyable,
-          copyHint: item.copyHint,
-          copyValue: item.copyValue,
-          highlight: item.highlight,
-          suffixVisibilityTrigger: item.suffixVisibilityTrigger,
-          prefixVisibilityTrigger: item.prefixVisibilityTrigger,
-          indentLevel: item.indentLevel || 0,
-          type: item.type,
-          key: item.key || "".concat(item.text).concat(index) // eslint-disable-line react/no-array-index-key
-          ,
-          menuItemKey: item.key || "".concat(item.text).concat(index)
-        }, rest, item));
-      })));
-    }
-  }]);
+  var _proto = Menu.prototype;
+
+  _proto.render = function render() {
+    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,
+        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
+
+    return /*#__PURE__*/React.createElement(S.AntdMenu, _extends({
+      ordered: ordered,
+      mode: "inline",
+      inlineIndent: ordered ? 20 : 18
+    }, rest, {
+      selectable: selectable === undefined ? false : selectable
+    }), children || (dataSource == null ? void 0 : dataSource.map(function (item, index) {
+      return item.subMenu ? /*#__PURE__*/React.createElement(SubMenuItem, _extends({
+        parent: item.parent,
+        prefixel: item.prefixel,
+        suffixel: item.suffixel,
+        disabled: item.disabled,
+        text: showTextTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+          title: item.text
+        }, item.text) : item.text,
+        description: item.description,
+        subMenu: item.subMenu,
+        ordered: item.ordered === undefined ? ordered : item.ordered,
+        copyable: item.copyable,
+        copyHint: item.copyHint,
+        copyValue: item.copyValue,
+        suffixVisibilityTrigger: item.suffixVisibilityTrigger,
+        prefixVisibilityTrigger: item.prefixVisibilityTrigger,
+        key: item.key || "" + item.text + index // eslint-disable-line react/no-array-index-key
+        ,
+        menuItemKey: item.key || "" + item.text + index
+      }, rest, item)) : /*#__PURE__*/React.createElement(MenuItem, _extends({
+        className: "ds-menu-item",
+        parent: item.parent,
+        prefixel: item.prefixel,
+        suffixel: item.suffixel,
+        disabled: item.disabled,
+        text: showTextTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+          title: item.text
+        }, item.text) : item.text,
+        description: item.description,
+        subMenu: item.subMenu,
+        ordered: item.ordered === undefined ? ordered : item.ordered,
+        copyable: item.copyable,
+        copyHint: item.copyHint,
+        copyValue: item.copyValue,
+        highlight: item.highlight,
+        suffixVisibilityTrigger: item.suffixVisibilityTrigger,
+        prefixVisibilityTrigger: item.prefixVisibilityTrigger,
+        indentLevel: item.indentLevel || 0,
+        type: item.type,
+        key: item.key || "" + item.text + index // eslint-disable-line react/no-array-index-key
+        ,
+        menuItemKey: item.key || "" + item.text + index
+      }, rest, item));
+    })));
+  };
 
   return Menu;
 }(React.Component);
 
-Menu.Item = MenuItem;
-Menu.Breadcrumb = Breadcrumb;
-Menu.Header = Header;
-Menu.ItemGroup = S.AntdMenu.ItemGroup;
-Menu.SubMenu = S.AntdMenu.SubMenu;
-Menu.Divider = S.MenuDivider;
+_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

@@ -4,7 +4,7 @@ var overflowStyles = css(["text-overflow:ellipsis;overflow:hidden;white-space:no
 
 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: ".concat(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>");
+  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;
 };
 
@@ -12,11 +12,11 @@ export var MenuDivider = styled.div.withConfig({
   displayName: "Menustyles__MenuDivider",
   componentId: "sc-10eu0qe-0"
 })(["height:1px;width:", ";margin:", " ", ";border-top:1px dashed ", ";"], function (props) {
-  return props !== null && props !== void 0 && props.level && (props === null || props === void 0 ? void 0 : props.level) > 1 ? '75%' : '100%';
+  return props != null && props.level && (props == null ? void 0 : props.level) > 1 ? '75%' : '100%';
 }, function (props) {
   return props.higher ? '16px' : '8px';
 }, function (props) {
-  return props !== null && props !== void 0 && props.level && (props === null || props === void 0 ? void 0 : props.level) > 1 ? '35px' : '0px';
+  return props != null && props.level && (props == null ? void 0 : props.level) > 1 ? '35px' : '0px';
 }, function (props) {
   return props.theme.palette['grey-300'];
 });
@@ -52,7 +52,7 @@ export var SubMenuItem = styled(Menu.SubMenu).withConfig({
 }, function (props) {
   return props.theme.palette['blue-600'];
 }, function (props) {
-  return !props.disabled && "\n    &:focus {\n       > .ant-menu-submenu-title{\n         box-shadow: inset 0 0 0 2px ".concat(props.theme.palette['blue-600'], ";\n      }\n    }\n    ");
+  return !props.disabled && "\n    &:focus {\n       > .ant-menu-submenu-title{\n         box-shadow: inset 0 0 0 2px " + props.theme.palette['blue-600'] + ";\n      }\n    }\n    ";
 }, function (props) {
   return props.theme.palette['blue-600'];
 }, function (props) {
@@ -82,5 +82,5 @@ export var SubMenuItem = styled(Menu.SubMenu).withConfig({
 }, function (props) {
   return props.disabled ? "\n     > * {\n        pointer-events:none;\n     }" : "";
 }, function (props) {
-  return !props.disabled && "\n              color: ".concat(props.danger ? props.theme.palette['red-600'] : props.theme.palette['blue-600'], ";\n              background: ").concat(props.danger ? props.theme.palette['red-050'] : props.theme.palette['grey-050'], ";\n           ");
+  return !props.disabled && "\n              color: " + (props.danger ? props.theme.palette['red-600'] : props.theme.palette['blue-600']) + ";\n              background: " + (props.danger ? props.theme.palette['red-050'] : props.theme.palette['grey-050']) + ";\n           ";
 });

package/dist/index.d.ts

@@ -1 +1,3 @@
 export { default } from './Menu';
+export * from './Menu.types';
+export * from './Elements/Item/MenuItem.types';

package/dist/index.js

@@ -1 +1,3 @@
-export { default } from './Menu';
+export { default } from './Menu';
+export * from './Menu.types';
+export * from './Elements/Item/MenuItem.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-menu",
-  "version": "0.11.0",
+  "version": "0.11.4",
   "description": "Menu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,14 +32,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.46.0",
-    "@synerise/ds-tooltip": "^0.11.0",
-    "@synerise/ds-typography": "^0.12.0",
+    "@synerise/ds-icon": "^0.46.2",
+    "@synerise/ds-tooltip": "^0.11.3",
+    "@synerise/ds-typography": "^0.12.2",
     "classnames": "^2.2.6"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "a797e1d5e1233f121f8f7dfbeaf97b48a8195d25"
+  "gitHead": "a89cd14cdbe25b06949b3b9763e58a080111c160"
 }