feat: add actions open toggle handler (#77)

* feat: add actions open close handlers


---------

Co-authored-by: Anton Standrik <[email protected]>

Author: astandrik

src/components/NavigationTree/NavigationTreeNode.tsx

@@ -27,6 +27,7 @@ export interface NavigationTreeNodeProps {
     children?: React.ReactNode;
     onActivate?: (path: string) => void;
     getActions?: NavigationTreeProps['getActions'];
+    onActionsOpenToggle?: NavigationTreeProps['onActionsOpenToggle'];
     renderAdditionalNodeElements?: NavigationTreeProps['renderAdditionalNodeElements'];
     cache?: boolean;
 }
@@ -71,6 +72,7 @@ export function NavigationTreeNode({
     children,
     onActivate,
     getActions,
+    onActionsOpenToggle,
     renderAdditionalNodeElements,
     cache,
 }: NavigationTreeNodeProps) {
@@ -130,6 +132,17 @@ export function NavigationTreeNode({
         return getActions?.(nodeState.path, nodeState.type);
     }, [getActions, nodeState]);
 
+    const handleActionsOpenToggle = React.useCallback(
+        (isOpen: boolean) => {
+            onActionsOpenToggle?.({
+                path: nodeState.path,
+                type: nodeState.type,
+                isOpen,
+            });
+        },
+        [nodeState.path, nodeState.type, onActionsOpenToggle],
+    );
+
     return (
         <TreeView
             name={nodeState.name}
@@ -141,6 +154,7 @@ export function NavigationTreeNode({
             hasArrow={nodeState.expandable}
             onClick={handleClick}
             onArrowClick={handleArrowClick}
+            onActionsOpenToggle={handleActionsOpenToggle}
             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[]>;
+    onActionsOpenToggle?: (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,6 +16,7 @@ export interface TreeViewProps {
     active?: boolean;
     onClick?: () => void;
     onArrowClick?: () => void;
+    onActionsOpenToggle?: (isOpen: boolean) => void;
     hasArrow?: boolean;
     actions?: DropdownMenuItemMixed<any>[];
     additionalNodeElements?: JSX.Element;
@@ -35,6 +36,7 @@ export function TreeView({
     active = false,
     onClick,
     onArrowClick,
+    onActionsOpenToggle,
     hasArrow = false,
     actions,
     additionalNodeElements,
@@ -94,6 +96,7 @@ export function TreeView({
                             <div className={b('actions')}>
                                 {additionalNodeElements}
                                 <DropdownMenu
+                                    onOpenToggle={onActionsOpenToggle}
                                     defaultSwitcherProps={{
                                         view: 'flat-secondary',
                                         size: 's',