@synerise/ds-app-menu 1.0.25 → 1.1.1

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-app-menu@1.1.0...@synerise/ds-app-menu@1.1.1) (2026-01-07)
+
+**Note:** Version bump only for package @synerise/ds-app-menu
+
+# [1.1.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-app-menu@1.0.25...@synerise/ds-app-menu@1.1.0) (2025-12-18)
+
+### Features
+
+- **app-menu:** hooks to access menu / submenu contexts ([5ac99d2](https://github.com/Synerise/synerise-design/commit/5ac99d216719490f2a465a8802eabb92c81c4002))
+
 ## [1.0.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-app-menu@1.0.24...@synerise/ds-app-menu@1.0.25) (2025-12-15)
 
 **Note:** Version bump only for package @synerise/ds-app-menu

package/dist/Item/Item.js

@@ -1,7 +1,7 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import Tooltip from '@synerise/ds-tooltip';
-import MenuContext from '../MenuContext/MenuContext';
 import SubMenuContext from '../SubMenu/SubMenuContext/SubMenuContext';
+import { useMenu } from '../hooks/useMenu';
 import Icon from './Icon/Icon';
 import * as S from './Item.styles';
 var Item = function Item(_ref) {
@@ -10,10 +10,7 @@ var Item = function Item(_ref) {
     id = _ref.id,
     name = _ref.name,
     className = _ref.className;
-  var menuContext = useContext(MenuContext);
-  if (!menuContext) {
-    throw Error('Cannot use item outside MenuContext');
-  }
+  var menuContext = useMenu();
   var isActive = menuContext.activeItem === id;
   var isActiveSubMenu = isActive && menuContext.isOpened;
   var handleOpen = function handleOpen() {

package/dist/SubMenu/SubMenu.js

@@ -1,15 +1,12 @@
 import React from 'react';
+import { useSubMenu } from '../hooks/useSubMenu';
 import Item from './Item/Item';
 import * as S from './SubMenu.styles';
-import SubMenuContext from './SubMenuContext/SubMenuContext';
 var SubMenu = function SubMenu(_ref) {
   var children = _ref.children,
     className = _ref.className,
     style = _ref.style;
-  var subMenuContext = React.useContext(SubMenuContext);
-  if (!subMenuContext) {
-    throw new Error('Cannot use SubMenu outside SubMenuContext');
-  }
+  var subMenuContext = useSubMenu();
   return /*#__PURE__*/React.createElement(S.MenuGroupWrapper, {
     className: "menu__sub-menu " + (className || '') + " " + (subMenuContext.isActive ? 'menu__sub-menu--active' : ''),
     style: style

package/dist/hooks/useMenu.d.ts

@@ -0,0 +1,6 @@
+export declare const useMenu: () => {
+    isOpened: boolean;
+    activeItem: string;
+    setOpened: (opened: boolean) => void;
+    setActiveItem: (subMenu: string) => void;
+};

package/dist/hooks/useMenu.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import MenuContext from '../MenuContext/MenuContext';
+export var useMenu = function useMenu() {
+  var menuContext = useContext(MenuContext);
+  if (!menuContext) {
+    throw new Error('Cannot use useMenu hook outside MenuContext');
+  }
+  return menuContext;
+};

package/dist/hooks/useSubMenu.d.ts

@@ -0,0 +1,5 @@
+export declare const useSubMenu: () => {
+    id: string;
+    isActive: boolean;
+    setOpened: (opened: boolean) => void;
+};

package/dist/hooks/useSubMenu.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import SubMenuContext from '../SubMenu/SubMenuContext/SubMenuContext';
+export var useSubMenu = function useSubMenu() {
+  var subMenuContext = useContext(SubMenuContext);
+  if (!subMenuContext) {
+    throw new Error('Cannot use useMenu hook outside MenuContext');
+  }
+  return subMenuContext;
+};

package/dist/index.d.ts

@@ -1 +1,3 @@
 export { default } from './AppMenu';
+export { useMenu } from './hooks/useMenu';
+export { useSubMenu } from './hooks/useSubMenu';

package/dist/index.js

@@ -1 +1,3 @@
-export { default } from './AppMenu';
+export { default } from './AppMenu';
+export { useMenu } from './hooks/useMenu';
+export { useSubMenu } from './hooks/useSubMenu';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-app-menu",
-  "version": "1.0.25",
+  "version": "1.1.1",
   "description": "AppMenu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,15 +35,15 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.9.1",
-    "@synerise/ds-tooltip": "^1.3.2",
-    "@synerise/ds-typography": "^1.0.25",
-    "@synerise/ds-utils": "^1.5.1"
+    "@synerise/ds-icon": "^1.9.2",
+    "@synerise/ds-tooltip": "^1.3.3",
+    "@synerise/ds-typography": "^1.0.26",
+    "@synerise/ds-utils": "^1.5.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "b1279d5354132a2bf0b6f0cfa343db4c6c928f72"
+  "gitHead": "f38e4b2dca1d43c39af0b189c93808de62c11e9b"
 }