feat: add actions open close handlers

Author: Anton Standrik

src/components/NavigationTree/NavigationTreeNode.tsx

@@ -27,6 +27,8 @@ export interface NavigationTreeNodeProps {
     children?: React.ReactNode;
     onActivate?: (path: string) => void;
     getActions?: NavigationTreeProps['getActions'];
+    onActionsOpen?: () => void;
+    onActionsClose?: () => void;
     renderAdditionalNodeElements?: NavigationTreeProps['renderAdditionalNodeElements'];
     cache?: boolean;
 }
@@ -71,6 +73,8 @@ export function NavigationTreeNode({
     children,
     onActivate,
     getActions,
+    onActionsOpen,
+    onActionsClose,
     renderAdditionalNodeElements,
     cache,
 }: NavigationTreeNodeProps) {
@@ -141,6 +145,8 @@ export function NavigationTreeNode({
             hasArrow={nodeState.expandable}
             onClick={handleClick}
             onArrowClick={handleArrowClick}
+            onActionsClose={onActionsClose}
+            onActionsOpen={onActionsOpen}
             level={level}
         >
             {children}

src/components/TreeView/TreeView.tsx

@@ -16,6 +16,8 @@ export interface TreeViewProps {
     active?: boolean;
     onClick?: () => void;
     onArrowClick?: () => void;
+    onActionsOpen?: () => void;
+    onActionsClose?: () => void;
     hasArrow?: boolean;
     actions?: DropdownMenuItemMixed<any>[];
     additionalNodeElements?: JSX.Element;
@@ -35,6 +37,7 @@ export function TreeView({
     active = false,
     onClick,
     onArrowClick,
+    onActionsClose,
     hasArrow = false,
     actions,
     additionalNodeElements,
@@ -94,6 +97,9 @@ export function TreeView({
                             <div className={b('actions')}>
                                 {additionalNodeElements}
                                 <DropdownMenu
+                                    onOpenToggle={(isOpen) =>
+                                        isOpen ? onActionsClose?.() : onActionsClose?.()
+                                    }
                                     defaultSwitcherProps={{
                                         view: 'flat-secondary',
                                         size: 's',