@synerise/ds-menu 1.4.12 → 1.4.13

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

@@ -1,43 +1,29 @@
-import MenuItem from 'antd/lib/menu/MenuItem';
-import styled, { css } from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-import { ItemSize } from '../../../Menu.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;
+import MenuItem from "antd/lib/menu/MenuItem";
+import styled, { css } from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+import { ItemSize } from "../../../Menu.types.js";
+const INDENT_LEVEL_STEP = 16;
+const TRANSITION_FN = "0.2s ease-out";
+const calculateIndent = (indentLevel) => {
+  const 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({
+const hiddenElementStyle = () => css(["opacity:0;pointer-events:none;"]);
+const visibleElementStyle = () => css(["opacity:1;pointer-events:all;"]);
+const ArrowRight = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__ArrowRight",
   componentId: "sc-dgb761-0"
-})(["transition:all ", ";opacity:", ";"], TRANSITION_FN, function (props) {
-  return props.disabled ? '1' : '0';
-});
-export var Inner = styled.div.withConfig({
+})(["transition:all ", ";opacity:", ";"], TRANSITION_FN, (props) => props.disabled ? "1" : "0");
+const Inner = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__Inner",
   componentId: "sc-dgb761-1"
-})(["padding-left:", ";width:100%;display:flex;"], function (props) {
-  return calculateIndent(props.indentLevel) + "px";
-});
-export var PrefixelWrapper = styled.div.withConfig({
+})(["padding-left:", ";width:100%;display:flex;"], (props) => `${calculateIndent(props.indentLevel)}px`);
+const PrefixelWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__PrefixelWrapper",
   componentId: "sc-dgb761-2"
-})(["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: " + props.theme.palette['grey-600'] + "};";
-});
-var disableOrdering = function disableOrdering() {
-  return css(["&::before{content:none;}"]);
-};
-var applySizeStyles = function applySizeStyles(props) {
+})(["display:flex;", ";transition:opacity ", ";margin-top:-7px;margin-bottom:-7px;margin-left:-4px;margin-right:12px;align-items:center;", ""], (props) => props.visible ? visibleElementStyle() : hiddenElementStyle(), TRANSITION_FN, (props) => !!props.disabled && `svg {fill: ${props.theme.palette["grey-600"]}};`);
+const disableOrdering = () => css(["&::before{content:none;}"]);
+const applySizeStyles = (props) => {
   if (props.size === ItemSize.LARGE) {
     return css(["&.large{min-height:50px;}"]);
   }
@@ -46,107 +32,77 @@ var applySizeStyles = function applySizeStyles(props) {
   }
   return css([""]);
 };
-export var Wrapper = styled(MenuItem).withConfig({
+const Wrapper = /* @__PURE__ */ styled(MenuItem).withConfig({
   displayName: "Textstyles__Wrapper",
   componentId: "sc-dgb761-3"
-})(["&&&{", " ", " ", ";color:", ";opacity:", ";cursor:", ";padding-right:12px;font-weight:500;border-radius:3px;display:flex;align-items:center;margin:0;transition:background-color ", ";padding-left:12px;", " ", " > .-title-content,> .ant-menu-title-content{display:flex;flex-grow:1;max-width:100%;}&.ant-menu-item-only-child,&.-item-only-child{margin-bottom:0px;}&.ant-menu-item-selected,&.-item-selected{background:", ";color:", ";.ds-menu-prefix > .ds-icon > svg{fill:", ";}&::before{color:", ";}&:focus,&:active{background:", ";&::before{color:", ";}}&::after{content:none;}}&.ant-menu-item-disabled,&.-item-disabled,&.ant-menu-submenu-disabled,&.-submenu-disabled{color:", " !important;}& .ds-menu-prefix > * > .ant-avatar::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:", ";opacity:0.05;border-radius:inherit;}& .ds-checkbox{padding:0px;}& .ds-checkbox > .ant-checkbox-wrapper{padding:0px;}& .ds-tag{margin:0;}&:focus:not(:active){box-shadow:", ";color:", ";background:", ";", " > .ds-icon > svg{fill:", ";}}", " &:active{&&{background:", ";}}&{.ds-icon{height:18px;display:flex;align-items:center;}}", " > .ds-icon > svg{", "}&:focus{color:", ";", "{opacity:1;svg{fill:", ";}}}&:hover{& .ds-menu-prefix > * > .ant-avatar::before,.ds-menu-prefix > .ant-badge::before,.ds-menu-prefix > .ant-avatar::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.3;border-radius:inherit;box-sizing:border-box;}& .ds-menu-prefix > * > .ant-avatar::after,.ds-menu-prefix > .ant-badge::after,.ds-menu-prefix > .ant-avatar::after{opacity:0.1;}", "{opacity:1;svg{fill:", ";}}", "}}"], function (props) {
-  return !props.description && props.size === ItemSize.DEFAULT && "max-height: 32px;";
-}, function (props) {
-  return props.size === ItemSize.LARGE && "min-height: 50px;";
-}, function (props) {
-  return props.ordered ? '' : disableOrdering();
-}, function (props) {
-  return props.theme.palette['grey-700'];
-}, function (props) {
-  return props.disabled ? '0.4' : '1';
-}, function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
-}, TRANSITION_FN, function (props) {
-  return props.disabled ? "\n    & > :active {\n       pointer-events: none\n    }" : '';
-}, function (props) {
-  return props.size && applySizeStyles(props);
-}, function (props) {
-  return props.theme.palette['blue-050'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['grey-050'];
-}, function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.theme.palette['grey-800'];
-}, function (props) {
-  return !props.disabled && "inset 0 0 0 2px " + props.theme.palette['blue-600'] + " ";
-}, function (props) {
-  return props.theme.palette['grey-700'];
-}, function (props) {
-  return props.description ? props.theme.palette.white : props.theme.palette['grey-050'];
-}, PrefixelWrapper, function (props) {
-  return props.theme.palette['grey-700'];
-}, function (props) {
-  return !props.disabled && css(["&:focus:active,&:active{background:", ";&&{color:", ";.ds-menu-prefix{", " > svg{fill:", ";}}}}"], props.theme.palette['grey-100'], props.theme.palette['blue-600'], IconContainer, props.theme.palette['blue-600']);
-}, function (props) {
-  return props.theme.palette['blue-050'];
-}, PrefixelWrapper, function (props) {
-  return !props.disabled && "\n          fill: " + props.theme.palette['grey-600'] + ";\n        ";
-}, function (props) {
-  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 { " + 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({
+})(["&&&{", " ", " ", ";color:", ";opacity:", ";cursor:", ";padding-right:12px;font-weight:500;border-radius:3px;display:flex;align-items:center;margin:0;transition:background-color ", ";padding-left:12px;", " ", " > .-title-content,> .ant-menu-title-content{display:flex;flex-grow:1;max-width:100%;}&.ant-menu-item-only-child,&.-item-only-child{margin-bottom:0px;}&.ant-menu-item-selected,&.-item-selected{background:", ";color:", ";.ds-menu-prefix > .ds-icon > svg{fill:", ";}&::before{color:", ";}&:focus,&:active{background:", ";&::before{color:", ";}}&::after{content:none;}}&.ant-menu-item-disabled,&.-item-disabled,&.ant-menu-submenu-disabled,&.-submenu-disabled{color:", " !important;}& .ds-menu-prefix > * > .ant-avatar::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:", ";opacity:0.05;border-radius:inherit;}& .ds-checkbox{padding:0px;}& .ds-checkbox > .ant-checkbox-wrapper{padding:0px;}& .ds-tag{margin:0;}&:focus:not(:active){box-shadow:", ";color:", ";background:", ";", " > .ds-icon > svg{fill:", ";}}", " &:active{&&{background:", ";}}&{.ds-icon{height:18px;display:flex;align-items:center;}}", " > .ds-icon > svg{", "}&:focus{color:", ";", "{opacity:1;svg{fill:", ";}}}&:hover{& .ds-menu-prefix > * > .ant-avatar::before,.ds-menu-prefix > .ant-badge::before,.ds-menu-prefix > .ant-avatar::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.3;border-radius:inherit;box-sizing:border-box;}& .ds-menu-prefix > * > .ant-avatar::after,.ds-menu-prefix > .ant-badge::after,.ds-menu-prefix > .ant-avatar::after{opacity:0.1;}", "{opacity:1;svg{fill:", ";}}", "}}"], (props) => !props.description && props.size === ItemSize.DEFAULT && `max-height: 32px;`, (props) => props.size === ItemSize.LARGE && `min-height: 50px;`, (props) => props.ordered ? "" : disableOrdering(), (props) => props.theme.palette["grey-700"], (props) => props.disabled ? "0.4" : "1", (props) => props.disabled ? "not-allowed" : "pointer", TRANSITION_FN, (props) => props.disabled ? `
+    & > :active {
+       pointer-events: none
+    }` : "", (props) => props.size && applySizeStyles(props), (props) => props.theme.palette["blue-050"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["grey-050"], (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["grey-800"], (props) => !props.disabled && `inset 0 0 0 2px ${props.theme.palette["blue-600"]} `, (props) => props.theme.palette["grey-700"], (props) => props.description ? props.theme.palette.white : props.theme.palette["grey-050"], PrefixelWrapper, (props) => props.theme.palette["grey-700"], (props) => !props.disabled && css(["&:focus:active,&:active{background:", ";&&{color:", ";.ds-menu-prefix{", " > svg{fill:", ";}}}}"], props.theme.palette["grey-100"], props.theme.palette["blue-600"], IconContainer, props.theme.palette["blue-600"]), (props) => props.theme.palette["blue-050"], PrefixelWrapper, (props) => !props.disabled && `
+          fill: ${props.theme.palette["grey-600"]};
+        `, (props) => props.description ? `${props.theme.palette["blue-600"]} !important` : "inherit", ArrowRight, (props) => props.disabled ? props.theme.palette["grey-700"] : props.theme.palette["blue-600"], ArrowRight, (props) => props.disabled ? props.theme.palette["grey-600"] : props.theme.palette["blue-600"], (props) => !props.disabled && `
+        .ds-menu-prefix { ${IconContainer} > svg {
+          fill: ${props.theme.palette["blue-600"]} !important;
+        }}
+        color: ${props.theme.palette["blue-600"]} !important;
+        background: ${props.theme.palette["grey-050"]};
+      `);
+const Content = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__Content",
   componentId: "sc-dgb761-4"
-})(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;line-height:1.39;min-height:18px;align-items:center;flex-wrap:wrap;user-select:none;", ""], function (props) {
-  return !!props.highlight && "\n  font-weight:400;\n  & > .search-highlight{\n    font-weight:600;\n  }\n  ";
-});
-export var Description = styled.div.withConfig({
+})(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;line-height:1.39;min-height:18px;align-items:center;flex-wrap:wrap;user-select:none;", ""], (props) => !!props.highlight && `
+  font-weight:400;
+  & > .search-highlight{
+    font-weight:600;
+  }
+  `);
+const Description = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__Description",
   componentId: "sc-dgb761-5"
-})(["text-overflow:ellipsis;overflow:hidden;color:", ";font-weight:normal;line-height:1.39;font-size:13px;width:100%;"], function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var SuffixWraper = styled.div.withConfig({
+})(["text-overflow:ellipsis;overflow:hidden;color:", ";font-weight:normal;line-height:1.39;font-size:13px;width:100%;"], (props) => props.theme.palette["grey-600"]);
+const SuffixWraper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__SuffixWraper",
   componentId: "sc-dgb761-6"
-})(["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:" + props.theme.palette['grey-600'] + "\n    }\n  ";
-});
-export var ContentWrapper = styled.div.withConfig({
+})(["justify-content:flex-end;display:flex;transition:opacity ", ";", ";", ";svg{margin-right:-4px;}"], TRANSITION_FN, (props) => props.visible ? visibleElementStyle() : hiddenElementStyle(), (props) => !!props.disabled && `svg {
+      fill:${props.theme.palette["grey-600"]}
+    }
+  `);
+const ContentWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__ContentWrapper",
   componentId: "sc-dgb761-7"
 })(["padding:7px 0;width:100%;display:flex;align-items:center;flex-wrap:nowrap;user-select:none;"]);
-export var ContentDivider = styled.div.withConfig({
+const ContentDivider = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__ContentDivider",
   componentId: "sc-dgb761-8"
 })(["flex:1;"]);
-export var DynamicLabelMain = styled.div.withConfig({
+const DynamicLabelMain = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__DynamicLabelMain",
   componentId: "sc-dgb761-9"
 })([""]);
-export var DynamicLabelAlternate = styled.div.withConfig({
+const DynamicLabelAlternate = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__DynamicLabelAlternate",
   componentId: "sc-dgb761-10"
 })([""]);
-export var DynamicLabelWrapper = styled.div.withConfig({
+const DynamicLabelWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__DynamicLabelWrapper",
   componentId: "sc-dgb761-11"
-})(["", ""], function (props) {
-  return props.showAlternative ? css(["", "{height:0;visibility:hidden;}", "{height:auto;visibility:visible;}"], DynamicLabelMain, DynamicLabelAlternate) : css(["", "{height:auto;visibility:visible;}", "{height:0;visibility:hidden;}"], DynamicLabelMain, DynamicLabelAlternate);
-});
-export var PropagationStopper = styled.div.withConfig({
+})(["", ""], (props) => props.showAlternative ? css(["", "{height:0;visibility:hidden;}", "{height:auto;visibility:visible;}"], DynamicLabelMain, DynamicLabelAlternate) : css(["", "{height:auto;visibility:visible;}", "{height:0;visibility:hidden;}"], DynamicLabelMain, DynamicLabelAlternate));
+const PropagationStopper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__PropagationStopper",
   componentId: "sc-dgb761-12"
-})(["display:contents;"]);
+})(["display:contents;"]);
+export {
+  ArrowRight,
+  Content,
+  ContentDivider,
+  ContentWrapper,
+  Description,
+  DynamicLabelAlternate,
+  DynamicLabelMain,
+  DynamicLabelWrapper,
+  Inner,
+  PrefixelWrapper,
+  PropagationStopper,
+  SuffixWraper,
+  Wrapper
+};

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

@@ -1,6 +1,6 @@
-import type { MenuProps } from 'antd/lib/menu';
-import type { CSSProperties, ReactNode } from 'react';
-import type { MenuItemProps } from '../../../Menu.types';
+import { MenuProps } from 'antd/lib/menu';
+import { CSSProperties, ReactNode } from 'react';
+import { MenuItemProps } from '../../../Menu.types';
 export type AddonRenderer = (hovered: boolean) => ReactNode;
 export type BasicItemProps = {
     className?: string;

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

@@ -1 +1 @@
-export {};
+

package/dist/Elements/SubMenu/SubMenu.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
-import { type MenuItemProps, type SubMenuProps, type SubMenuState } from '../../Menu.types';
+import { default as React } from 'react';
+import { MenuItemProps, SubMenuProps, SubMenuState } from '../../Menu.types';
 declare class SubMenuItem extends React.PureComponent<SubMenuProps & MenuItemProps, SubMenuState> {
     constructor(props: SubMenuProps & MenuItemProps);
     render(): React.JSX.Element;

package/dist/Elements/SubMenu/SubMenu.js

@@ -1,91 +1,46 @@
-var _excluded = ["text", "prefixel", "suffixel", "subMenu", "disabled", "danger", "ordered", "onTitleClick", "menuItemKey", "selectedKeys", "suffixVisibilityTrigger", "prefixVisibilityTrigger", "size", "description", "ItemComponent"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import classNames from 'classnames';
-import React from 'react';
-import { v4 as uuid } from 'uuid';
-import '@synerise/ds-core/dist/js/style';
-import * as S from '../../Menu.styles';
-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.state = {
-      uuidKey: uuid()
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import React from "react";
+import { v4 } from "uuid";
+import { SubMenuItem as SubMenuItem$1 } from "../../Menu.styles.js";
+import SubmenuText from "../Item/SubmenuText/SubmenuText.js";
+class SubMenuItem extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.state = {
+      uuidKey: v4()
     };
-    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,
-      ItemComponent = _this$props.ItemComponent,
-      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,
-        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) &&
-    // @ts-expect-error Type 'SubMenuProps' is missing the following properties from type 'MenuInfo': keyPath, item, domEvent
-    subMenu.map(function (subItem, index) {
-      return /*#__PURE__*/React.createElement(ItemComponent, _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,
-        onClick: function onClick() {
-          subItem.onClick && subItem.onClick(subItem);
-        },
-        key: subItem.key || uuidKey + "-" + index,
-        menuItemKey: subItem.key || uuidKey + "-" + index,
-        selectedKeys: selectedKeys
-      }, subItem));
-    }));
-  };
-  return SubMenuItem;
-}(React.PureComponent);
-export default SubMenuItem;
+  render() {
+    const {
+      text,
+      prefixel,
+      suffixel,
+      subMenu,
+      disabled,
+      danger,
+      ordered,
+      onTitleClick,
+      menuItemKey,
+      selectedKeys,
+      suffixVisibilityTrigger,
+      prefixVisibilityTrigger,
+      size,
+      description,
+      ItemComponent,
+      ...rest
+    } = this.props;
+    const {
+      uuidKey
+    } = this.state;
+    return /* @__PURE__ */ jsx(SubMenuItem$1, { title: /* @__PURE__ */ jsx(SubmenuText, { prefixel, suffixel, onClick: onTitleClick, disabled, suffixVisibilityTrigger, prefixVisibilityTrigger, size, description, children: text }, `${menuItemKey || uuidKey}-title`), onTitleClick, danger, ordered, disabled, tabIndex: !disabled ? 0 : -1, ...rest, className: classNames("ds-menu-item", {
+      "ant-menu-item-selected": !!menuItemKey && !!selectedKeys && selectedKeys.includes(menuItemKey)
+    }), children: Boolean(subMenu) && // @ts-expect-error Type 'SubMenuProps' is missing the following properties from type 'MenuInfo': keyPath, item, domEvent
+    subMenu.map((subItem, index) => /* @__PURE__ */ jsx(ItemComponent, { parent: subItem.parent, prefixel: subItem.prefixel, suffixel: subItem.suffixel, disabled: subItem.disabled, text: subItem.text, danger: subItem.danger, subMenu: subItem.subMenu, ordered: subItem.ordered === void 0 ? ordered : subItem.ordered, description: subItem.description, suffixVisibilityTrigger: subItem.suffixVisibilityTrigger, prefixVisibilityTrigger: subItem.prefixVisibilityTrigger, onClick: () => {
+      subItem.onClick && subItem.onClick(subItem);
+    }, menuItemKey: subItem.key || `${uuidKey}-${index}`, selectedKeys, ...subItem }, subItem.key || `${uuidKey}-${index}`)) }, menuItemKey || uuidKey);
+  }
+}
+export {
+  SubMenuItem as default
+};

package/dist/Elements/index.js

@@ -1 +1,4 @@
-export { default as TextItem } from './Item/Text/Text';
+import { default as default2 } from "./Item/Text/Text.js";
+export {
+  default2 as TextItem
+};

package/dist/Menu.d.ts

@@ -1,12 +1,10 @@
-import { Component, type ReactNode } from 'react';
-import '@synerise/ds-core/dist/js/style';
-import Breadcrumb from './Elements/Breadcrumb/Breadcrumb';
+import { Component, ReactNode } from 'react';
+import { default as Breadcrumb } from './Elements/Breadcrumb/Breadcrumb';
 import { Divider } from './Elements/Divider/Divider';
-import Header from './Elements/Header/Header';
-import MenuItem from './Elements/Item/MenuItem';
+import { default as Header } from './Elements/Header/Header';
+import { default as MenuItem } from './Elements/Item/MenuItem';
+import { AntdMenuProps } from './Menu.types';
 import * as S from './Menu.styles';
-import type { AntdMenuProps } from './Menu.types';
-import './style/index.less';
 export declare class Menu extends Component<AntdMenuProps, {
     allItemsVisible: boolean;
 }> {
@@ -14,7 +12,7 @@ export declare class Menu extends Component<AntdMenuProps, {
     static Breadcrumb: typeof Breadcrumb;
     static Header: typeof Header;
     static ItemGroup: typeof S.AntdMenu.ItemGroup;
-    static SubMenu: typeof import("antd/lib/menu/SubMenu").default;
+    static SubMenu: typeof import('antd/lib/menu/SubMenu').default;
     static Divider: typeof Divider;
     state: {
         allItemsVisible: boolean;