fix: pass path and type

Author: Anton Standrik

src/components/NavigationTree/NavigationTreeNode.tsx

@@ -27,8 +27,7 @@ export interface NavigationTreeNodeProps {
     children?: React.ReactNode;
     onActivate?: (path: string) => void;
     getActions?: NavigationTreeProps['getActions'];
-    onActionsOpen?: () => void;
-    onActionsClose?: () => void;
+    onOpenToggle?: NavigationTreeProps['onOpenToggle'];
     renderAdditionalNodeElements?: NavigationTreeProps['renderAdditionalNodeElements'];
     cache?: boolean;
 }
@@ -73,8 +72,7 @@ export function NavigationTreeNode({
     children,
     onActivate,
     getActions,
-    onActionsOpen,
-    onActionsClose,
+    onOpenToggle,
     renderAdditionalNodeElements,
     cache,
 }: NavigationTreeNodeProps) {
@@ -134,6 +132,17 @@ export function NavigationTreeNode({
         return getActions?.(nodeState.path, nodeState.type);
     }, [getActions, nodeState]);
 
+    const handleOpenToggle = React.useCallback(
+        (isOpen: boolean) => {
+            onOpenToggle?.({
+                path: nodeState.path,
+                type: nodeState.type,
+                isOpen,
+            });
+        },
+        [nodeState.path, nodeState.type, onOpenToggle],
+    );
+
     return (
         <TreeView
             name={nodeState.name}
@@ -145,8 +154,7 @@ export function NavigationTreeNode({
             hasArrow={nodeState.expandable}
             onClick={handleClick}
             onArrowClick={handleArrowClick}
-            onActionsClose={onActionsClose}
-            onActionsOpen={onActionsOpen}
+            onOpenToggle={handleOpenToggle}
             level={level}
         >
             {children}

src/components/NavigationTree/types.ts

@@ -53,6 +53,11 @@ export type NavigationTreeNodePartialState = Omit<
 export interface NavigationTreeProps<D = any> {
     rootState: NavigationTreeNodePartialState;
     fetchPath: (path: string) => Promise<NavigationTreeDataItem[]>;
+    onOpenToggle?: (args: {
+        path: string;
+        type: NavigationTreeNodeType;
+        isOpen: boolean;
+    }) => DropdownMenuItemMixed<D>[];
     getActions?: (path: string, type: NavigationTreeNodeType) => DropdownMenuItemMixed<D>[];
     renderAdditionalNodeElements?: (
         path: string,

src/components/TreeView/TreeView.tsx

@@ -16,8 +16,7 @@ export interface TreeViewProps {
     active?: boolean;
     onClick?: () => void;
     onArrowClick?: () => void;
-    onActionsOpen?: () => void;
-    onActionsClose?: () => void;
+    onOpenToggle?: (isOpen: boolean) => void;
     hasArrow?: boolean;
     actions?: DropdownMenuItemMixed<any>[];
     additionalNodeElements?: JSX.Element;
@@ -37,8 +36,7 @@ export function TreeView({
     active = false,
     onClick,
     onArrowClick,
-    onActionsOpen,
-    onActionsClose,
+    onOpenToggle,
     hasArrow = false,
     actions,
     additionalNodeElements,
@@ -76,17 +74,6 @@ export function TreeView({
         containerClassName += ' tree-view_children-collapsed';
     }
 
-    const handleOpenToggle = React.useCallback(
-        (isOpen: boolean) => {
-            if (isOpen) {
-                onActionsOpen?.();
-            } else {
-                onActionsClose?.();
-            }
-        },
-        [onActionsOpen, onActionsClose],
-    );
-
     return (
         <div className={b()} style={{[TREE_LEVEL_CSS_VAR]: level} as React.CSSProperties}>
             <div className="tree-view">
@@ -109,7 +96,7 @@ export function TreeView({
                             <div className={b('actions')}>
                                 {additionalNodeElements}
                                 <DropdownMenu
-                                    onOpenToggle={handleOpenToggle}
+                                    onOpenToggle={onOpenToggle}
                                     defaultSwitcherProps={{
                                         view: 'flat-secondary',
                                         size: 's',