@synerise/ds-menu 1.0.21 → 1.0.22

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@1.0.21...@synerise/ds-menu@1.0.22) (2025-09-16)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
 ## [1.0.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@1.0.20...@synerise/ds-menu@1.0.21) (2025-08-28)
 
 **Note:** Version bump only for package @synerise/ds-menu

package/dist/Elements/Breadcrumb/Breadcrumb.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type MenuItemProps } from '../Item/MenuItem.types';
+import { type MenuItemProps } from '../../Menu.types';
 import { type BreadcrumbProps } from './Breadcrumb.types';
 declare const Breadcrumb: ({ path, disabled, highlight, description, onPathClick, compact, startWithArrow, gradientOverlap, highlightActivePath, ...rest }: BreadcrumbProps & MenuItemProps) => React.JSX.Element;
 export default Breadcrumb;

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

@@ -1,7 +1,5 @@
 import React from 'react';
 import '@synerise/ds-core/dist/js/style';
-import { type MenuDividerProps } from '../../Menu.types';
-import { type SubMenuProps } from '../SubMenu/SubMenu.types';
-import { type MenuItemProps } from './MenuItem.types';
-declare const MenuItem: ({ prefixel, suffixel, ordered, disabled, danger, text, description, subMenu, children, type, indentLevel, timeToHideTooltip, onClick, menuItemKey, onTitleClick, ...rest }: SubMenuProps & MenuItemProps & MenuDividerProps) => React.JSX.Element;
+import { type MenuDividerProps, type MenuItemProps, type SubMenuProps } from '../../Menu.types';
+declare const MenuItem: ({ prefixel, suffixel, ordered, disabled, danger, text, description, subMenu, children, type, indentLevel, timeToHideTooltip, onClick, menuItemKey, onTitleClick, ...rest }: Omit<SubMenuProps, "ItemComponent"> & MenuItemProps & MenuDividerProps) => React.JSX.Element;
 export default MenuItem;

package/dist/Elements/Item/MenuItem.js

@@ -4,12 +4,12 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import { MenuDivider } from '../../Menu.styles';
+import { ItemType } from '../../Menu.types';
 import SubMenuItem from '../SubMenu/SubMenu';
 import Danger from './Danger/Danger';
-import { ItemType } from './MenuItem.types';
 import Select from './Select/Select';
 import Text from './Text/Text';
-var MenuItem = function MenuItem(_ref) {
+var _MenuItem = function MenuItem(_ref) {
   var prefixel = _ref.prefixel,
     suffixel = _ref.suffixel,
     ordered = _ref.ordered,
@@ -43,7 +43,9 @@ var MenuItem = function MenuItem(_ref) {
       },
       menuItemKey: menuItemKey,
       onTitleClick: onTitleClick
-    }, rest));
+    }, rest, {
+      ItemComponent: _MenuItem
+    }));
   }
   switch (type) {
     case ItemType.SELECT:
@@ -93,4 +95,4 @@ var MenuItem = function MenuItem(_ref) {
       }, rest), text || children);
   }
 };
-export default MenuItem;
+export default _MenuItem;

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

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

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 '../MenuItem.types';
+import type { MenuItemProps } from '../../../Menu.types';
 export type AddonRenderer = (hovered: boolean) => ReactNode;
 export type BasicItemProps = {
     className?: string;

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

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

package/dist/Elements/SubMenu/SubMenu.js

@@ -1,4 +1,4 @@
-var _excluded = ["text", "prefixel", "suffixel", "subMenu", "disabled", "danger", "ordered", "onTitleClick", "menuItemKey", "selectedKeys", "suffixVisibilityTrigger", "prefixVisibilityTrigger", "size", "description"];
+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); }
@@ -8,7 +8,6 @@ import React from 'react';
 import { v4 as uuid } from 'uuid';
 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) {
@@ -38,6 +37,7 @@ var SubMenuItem = /*#__PURE__*/function (_React$PureComponent) {
       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({
@@ -65,7 +65,7 @@ var SubMenuItem = /*#__PURE__*/function (_React$PureComponent) {
     }), 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(MenuItem, _extends({
+      return /*#__PURE__*/React.createElement(ItemComponent, _extends({
         parent: subItem.parent,
         prefixel: subItem.prefixel,
         suffixel: subItem.suffixel,

package/dist/Menu.js

@@ -99,7 +99,9 @@ export var Menu = /*#__PURE__*/function (_Component) {
         prefixVisibilityTrigger: item.prefixVisibilityTrigger,
         key: item.key || "" + item.text + index,
         menuItemKey: item.key || "" + item.text + index
-      }, rest, item)) : /*#__PURE__*/React.createElement(MenuItem, _extends({
+      }, rest, item, {
+        ItemComponent: MenuItem
+      })) : /*#__PURE__*/React.createElement(MenuItem, _extends({
         className: "ds-menu-item",
         parent: item.parent,
         prefixel: item.prefixel,

package/dist/Menu.types.d.ts

@@ -1,6 +1,7 @@
 import { type MenuProps } from 'antd/lib/menu';
-import { type ReactNode } from 'react';
-import { type MenuItemProps } from './Elements/Item/MenuItem.types';
+import type { TriggerProps } from 'rc-trigger';
+import type { Component, LegacyRef, ReactElement, ReactNode } from 'react';
+import { type TooltipProps } from '@synerise/ds-tooltip';
 export type MenuTexts = {
     showLess: ReactNode;
     showMore: ReactNode;
@@ -22,3 +23,72 @@ export declare enum VisibilityTrigger {
     DEFAULT = "default",
     HOVER = "hover"
 }
+export type SubMenuProps = Omit<MenuProps, 'dataSource' | 'footer'> & {
+    key?: string | number;
+    danger?: boolean;
+    disabled?: boolean;
+    parent?: boolean;
+    prefixel?: ReactNode;
+    suffixel?: ReactNode;
+    text?: ReactNode;
+    description?: ReactNode;
+    ordered?: boolean | undefined;
+    subMenu?: SubMenuProps[];
+    copyable?: boolean;
+    copyHint?: ReactNode;
+    copyValue?: string;
+    childrenCollapsed?: boolean;
+    onTitleClick?: () => void;
+    checked?: boolean;
+    size?: 'default' | 'large';
+    ItemComponent: (props: SubMenuProps & MenuItemProps & MenuDividerProps) => ReactElement;
+};
+export type SubMenuState = {
+    uuidKey: string;
+};
+export type SubMenuItemProps = SubMenuProps & MenuItemProps & {
+    onClick?: (item: SubMenuProps) => void;
+};
+export declare enum ItemType {
+    DEFAULT = "default",
+    SELECT = "select",
+    DANGER = "danger",
+    DIVIDER = "divider"
+}
+export declare enum ItemSize {
+    DEFAULT = "default",
+    LARGE = "large"
+}
+export type TriggerHandle = Component<TriggerProps> & {
+    getPopupDomNode: () => HTMLElement;
+};
+export type MenuItemProps = Omit<MenuProps, 'dataSource' | 'footer'> & {
+    key?: string | number;
+    text?: ReactNode;
+    parent?: boolean;
+    prefixel?: ReactNode;
+    suffixel?: ReactNode;
+    disabled?: boolean;
+    ordered?: boolean | undefined;
+    description?: ReactNode;
+    subMenu?: SubMenuProps[];
+    copyable?: boolean;
+    copyHint?: ReactNode;
+    copyValue?: string;
+    copyTooltip?: ReactNode;
+    timeToHideTooltip?: number;
+    highlight?: string;
+    suffixVisibilityTrigger?: VisibilityTrigger | string;
+    prefixVisibilityTrigger?: VisibilityTrigger | string;
+    children?: ReactNode;
+    type?: ItemType | string;
+    indentLevel?: number;
+    menuItemKey?: string | number;
+    checked?: boolean;
+    size?: 'default' | 'large';
+    tooltipProps?: TooltipProps;
+    hoverTooltipProps?: TriggerProps & {
+        ref?: LegacyRef<TriggerHandle>;
+    };
+    renderHoverTooltip?: () => JSX.Element;
+};

package/dist/Menu.types.js

@@ -2,4 +2,16 @@ export var VisibilityTrigger = /*#__PURE__*/function (VisibilityTrigger) {
   VisibilityTrigger["DEFAULT"] = "default";
   VisibilityTrigger["HOVER"] = "hover";
   return VisibilityTrigger;
+}({});
+export var ItemType = /*#__PURE__*/function (ItemType) {
+  ItemType["DEFAULT"] = "default";
+  ItemType["SELECT"] = "select";
+  ItemType["DANGER"] = "danger";
+  ItemType["DIVIDER"] = "divider";
+  return ItemType;
+}({});
+export var ItemSize = /*#__PURE__*/function (ItemSize) {
+  ItemSize["DEFAULT"] = "default";
+  ItemSize["LARGE"] = "large";
+  return ItemSize;
 }({});

package/dist/index.d.ts

@@ -7,7 +7,6 @@ import * as ItemTextStyles from './Elements/Item/Text/Text.styles';
 import * as MainMenuStyles from './Menu.styles';
 export { default } from './Menu';
 export * from './Menu.types';
-export * from './Elements/Item/MenuItem.types';
 export * from './utils';
 export declare const MenuStyles: {
     MenuStyles: typeof MainMenuStyles;

package/dist/index.js

@@ -7,7 +7,6 @@ import * as ItemTextStyles from './Elements/Item/Text/Text.styles';
 import * as MainMenuStyles from './Menu.styles';
 export { default } from './Menu';
 export * from './Menu.types';
-export * from './Elements/Item/MenuItem.types';
 export * from './utils';
 export var MenuStyles = {
   MenuStyles: MainMenuStyles,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-menu",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "Menu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -26,6 +26,7 @@
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
     "types": "tsc --noEmit",
+    "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
   },
   "sideEffects": [
@@ -34,10 +35,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.9",
-    "@synerise/ds-icon": "^1.7.1",
-    "@synerise/ds-tooltip": "^1.1.17",
-    "@synerise/ds-utils": "^1.4.1",
+    "@synerise/ds-button": "^1.4.10",
+    "@synerise/ds-icon": "^1.7.2",
+    "@synerise/ds-tooltip": "^1.1.18",
+    "@synerise/ds-utils": "^1.4.2",
     "classnames": "^2.5.1",
     "copy-to-clipboard": "^3.3.1",
     "rc-menu": "~9.6.3",
@@ -50,5 +51,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "5f5d424cf8c7fa89e231c36a45f5ab3e4cfac8e7"
+  "gitHead": "5beb6ab5f2d77b9e98e04caab7dff20b8436078b"
 }

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

@@ -1,49 +0,0 @@
-import { type MenuProps } from 'antd/lib/menu';
-import type { TriggerProps } from 'rc-trigger';
-import type { Component, LegacyRef, ReactNode } from 'react';
-import { type TooltipProps } from '@synerise/ds-tooltip/dist/Tooltip.types';
-import { type VisibilityTrigger } from '../../Menu.types';
-import { type SubMenuProps } from '../SubMenu/SubMenu.types';
-export declare enum ItemType {
-    DEFAULT = "default",
-    SELECT = "select",
-    DANGER = "danger",
-    DIVIDER = "divider"
-}
-export declare enum ItemSize {
-    DEFAULT = "default",
-    LARGE = "large"
-}
-export type TriggerHandle = Component<TriggerProps> & {
-    getPopupDomNode: () => HTMLElement;
-};
-export type MenuItemProps = Omit<MenuProps, 'dataSource' | 'footer'> & {
-    key?: string | number;
-    text?: ReactNode;
-    parent?: boolean;
-    prefixel?: ReactNode;
-    suffixel?: ReactNode;
-    disabled?: boolean;
-    ordered?: boolean | undefined;
-    description?: ReactNode;
-    subMenu?: SubMenuProps[];
-    copyable?: boolean;
-    copyHint?: ReactNode;
-    copyValue?: string;
-    copyTooltip?: ReactNode;
-    timeToHideTooltip?: number;
-    highlight?: string;
-    suffixVisibilityTrigger?: VisibilityTrigger | string;
-    prefixVisibilityTrigger?: VisibilityTrigger | string;
-    children?: ReactNode;
-    type?: ItemType | string;
-    indentLevel?: number;
-    menuItemKey?: string | number;
-    checked?: boolean;
-    size?: 'default' | 'large';
-    tooltipProps?: TooltipProps;
-    hoverTooltipProps?: TriggerProps & {
-        ref?: LegacyRef<TriggerHandle>;
-    };
-    renderHoverTooltip?: () => JSX.Element;
-};

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

@@ -1,12 +0,0 @@
-export var ItemType = /*#__PURE__*/function (ItemType) {
-  ItemType["DEFAULT"] = "default";
-  ItemType["SELECT"] = "select";
-  ItemType["DANGER"] = "danger";
-  ItemType["DIVIDER"] = "divider";
-  return ItemType;
-}({});
-export var ItemSize = /*#__PURE__*/function (ItemSize) {
-  ItemSize["DEFAULT"] = "default";
-  ItemSize["LARGE"] = "large";
-  return ItemSize;
-}({});

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

@@ -1,28 +0,0 @@
-import { type MenuProps } from 'antd/lib/menu';
-import type { ReactNode } from 'react';
-import { type MenuItemProps } from '../Item/MenuItem.types';
-export type SubMenuProps = Omit<MenuProps, 'dataSource' | 'footer'> & {
-    key?: string | number;
-    danger?: boolean;
-    disabled?: boolean;
-    parent?: boolean;
-    prefixel?: ReactNode;
-    suffixel?: ReactNode;
-    text?: ReactNode;
-    description?: ReactNode;
-    ordered?: boolean | undefined;
-    subMenu?: SubMenuProps[];
-    copyable?: boolean;
-    copyHint?: ReactNode;
-    copyValue?: string;
-    childrenCollapsed?: boolean;
-    onTitleClick?: () => void;
-    checked?: boolean;
-    size?: 'default' | 'large';
-};
-export type SubMenuState = {
-    uuidKey: string;
-};
-export type SubMenuItemProps = SubMenuProps & MenuItemProps & {
-    onClick?: (item: SubMenuProps) => void;
-};

package/dist/Elements/SubMenu/SubMenu.types.js

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