@synerise/ds-app-menu 0.7.1 → 0.7.3

package/CHANGELOG.md

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

package/dist/AppMenu.js

@@ -5,23 +5,19 @@ import MenuContext from './MenuContext/MenuContext';
 import Item from './Item/Item';
 import NavigableItems from './NavigableItems/NavigableItems';
 import * as S from './AppMenu.styles';
-
 var AppMenu = function AppMenu(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      footer = _ref.footer,
-      activeId = _ref.activeItem,
-      _ref$top = _ref.top,
-      top = _ref$top === void 0 ? 0 : _ref$top;
-
+    children = _ref.children,
+    footer = _ref.footer,
+    activeId = _ref.activeItem,
+    _ref$top = _ref.top,
+    top = _ref$top === void 0 ? 0 : _ref$top;
   var _React$useState = React.useState(false),
-      isOpened = _React$useState[0],
-      setOpened = _React$useState[1];
-
+    isOpened = _React$useState[0],
+    setOpened = _React$useState[1];
   var _React$useState2 = React.useState(activeId),
-      activeItem = _React$useState2[0],
-      setActiveItem = _React$useState2[1];
-
+    activeItem = _React$useState2[0],
+    setActiveItem = _React$useState2[1];
   var ref = React.useRef(null);
   useOnClickOutside(ref, function () {
     setOpened(false);
@@ -44,7 +40,6 @@ var AppMenu = function AppMenu(_ref) {
     }
   }, children), footer && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ItemsDivider, null), footer))));
 };
-
 AppMenu.SubMenu = SubMenu;
 AppMenu.Item = Item;
 export default AppMenu;

package/dist/Item/Icon/Icon.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import IconComponent from '@synerise/ds-icon';
 import * as S from './Icon.styles';
-
 var Icon = function Icon(_ref) {
   var active = _ref.active,
-      inActive = _ref.inActive;
+    inActive = _ref.inActive;
   return /*#__PURE__*/React.createElement(S.Wrapper, null, /*#__PURE__*/React.createElement(IconComponent, {
     className: "item__icon item__icon--active",
     component: active
@@ -13,5 +12,4 @@ var Icon = function Icon(_ref) {
     component: inActive
   }));
 };
-
 export default Icon;

package/dist/Item/Item.js

@@ -4,22 +4,18 @@ import SubMenuContext from '../SubMenu/SubMenuContext/SubMenuContext';
 import MenuContext from '../MenuContext/MenuContext';
 import Icon from './Icon/Icon';
 import * as S from './Item.styles';
-
 var Item = function Item(_ref) {
   var children = _ref.children,
-      subMenu = _ref.subMenu,
-      id = _ref.id,
-      name = _ref.name,
-      className = _ref.className;
+    subMenu = _ref.subMenu,
+    id = _ref.id,
+    name = _ref.name,
+    className = _ref.className;
   var menuContext = React.useContext(MenuContext);
-
   if (!menuContext) {
     throw Error('Cannot use item outside MenuContext');
   }
-
   var isActive = menuContext.activeItem === id;
   var isActiveSubMenu = isActive && menuContext.isOpened;
-
   var handleOpen = function handleOpen() {
     if (isActive) {
       menuContext.setOpened(!!subMenu && !menuContext.isOpened);
@@ -28,7 +24,6 @@ var Item = function Item(_ref) {
       menuContext.setActiveItem(id);
     }
   };
-
   return /*#__PURE__*/React.createElement(S.ItemWrapper, {
     className: className
   }, /*#__PURE__*/React.createElement(Tooltip, {
@@ -48,6 +43,5 @@ var Item = function Item(_ref) {
     }
   }, subMenu));
 };
-
 Item.Icon = Icon;
 export default Item;

package/dist/NavigableItems/NavigableItems.js

@@ -4,43 +4,33 @@ import * as S from './NavigableItems.styles';
 import * as ItemStyles from '../Item/Item.styles';
 var itemHeight = 64;
 var animationTime = 100;
-
 var NavigableItems = function NavigableItems(_ref) {
   var children = _ref.children,
-      onHideMenu = _ref.onHideMenu;
+    onHideMenu = _ref.onHideMenu;
   var ref = React.useRef(null);
-
   var _React$useState = React.useState(Infinity),
-      itemsCapacity = _React$useState[0],
-      setItemsCapacity = _React$useState[1];
-
+    itemsCapacity = _React$useState[0],
+    setItemsCapacity = _React$useState[1];
   var _React$useState2 = React.useState(0),
-      currentIndex = _React$useState2[0],
-      setIndex = _React$useState2[1];
-
+    currentIndex = _React$useState2[0],
+    setIndex = _React$useState2[1];
   var isNavigateTopVisible = currentIndex > 0;
   var isNavigateBottomVisible = currentIndex + itemsCapacity <= children.length;
-
   var _React$useState3 = React.useState(''),
-      animationInProgress = _React$useState3[0],
-      setAnimationInProgress = _React$useState3[1];
-
+    animationInProgress = _React$useState3[0],
+    setAnimationInProgress = _React$useState3[1];
   var _React$useState4 = React.useState(0),
-      lastHeight = _React$useState4[0],
-      setLastHeight = _React$useState4[1];
-
+    lastHeight = _React$useState4[0],
+    setLastHeight = _React$useState4[1];
   var countCapacity = React.useCallback(function () {
     if (ref.current) {
       var _ref$current$getBound = ref.current.getBoundingClientRect(),
-          height = _ref$current$getBound.height;
-
+        height = _ref$current$getBound.height;
       if (height > 0) {
         setLastHeight(height);
       }
-
       var itemsHeight = children.length * itemHeight;
       setIndex(0);
-
       if (itemsHeight > height) {
         setItemsCapacity(Math.floor((height || lastHeight) / itemHeight));
       } else {
@@ -57,7 +47,6 @@ var NavigableItems = function NavigableItems(_ref) {
   React.useEffect(function () {
     countCapacity();
   }, [countCapacity]);
-
   var handelNavigateBottom = function handelNavigateBottom() {
     setAnimationInProgress('bottom');
     setTimeout(function () {
@@ -66,7 +55,6 @@ var NavigableItems = function NavigableItems(_ref) {
       onHideMenu();
     }, animationTime);
   };
-
   var handleNavigateTop = function handleNavigateTop() {
     setAnimationInProgress('top');
     setTimeout(function () {
@@ -75,7 +63,6 @@ var NavigableItems = function NavigableItems(_ref) {
       onHideMenu();
     }, animationTime);
   };
-
   if (itemsCapacity < children.length) {
     return /*#__PURE__*/React.createElement(S.Wrapper, {
       ref: ref,
@@ -92,10 +79,8 @@ var NavigableItems = function NavigableItems(_ref) {
       component: /*#__PURE__*/React.createElement(AngleDownS, null)
     }))));
   }
-
   return /*#__PURE__*/React.createElement(S.Wrapper, {
     ref: ref
   }, children);
 };
-
 export default NavigableItems;

package/dist/SubMenu/Item/Item.js

@@ -1,16 +1,13 @@
 import React from 'react';
 import SubMenuContext from '../SubMenuContext/SubMenuContext';
 import * as S from './Item.styles';
-
 var Item = function Item(_ref) {
   var children = _ref.children,
-      active = _ref.active;
+    active = _ref.active;
   var subMenuContext = React.useContext(SubMenuContext);
-
   if (!subMenuContext) {
     throw new Error('Cannot use SubMenu.Item outside SubMenuContext');
   }
-
   return /*#__PURE__*/React.createElement(S.Wrapper, {
     className: "sub-menu__item " + (active ? 'sub-menu__item--active' : ''),
     onClick: function onClick() {
@@ -18,6 +15,5 @@ var Item = function Item(_ref) {
     }
   }, children);
 };
-
 Item.Action = S.ItemAction;
 export default Item;

package/dist/SubMenu/SubMenu.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-app-menu",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "AppMenu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,15 +34,15 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.66.4",
-    "@synerise/ds-tooltip": "^0.14.48",
-    "@synerise/ds-typography": "^0.16.5",
-    "@synerise/ds-utils": "^0.31.1"
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-tooltip": "^0.14.50",
+    "@synerise/ds-typography": "^0.16.7",
+    "@synerise/ds-utils": "^0.31.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }