Function EditorTree

src/workbench/sidebar/explore/editorTree.tsx:63–279

(props: IOpenEditProps)

}

const EditorTree = (props: IOpenEditProps) => {
    const {
        current,
        groups,
        groupToolbar,
        contextMenu = [],
        headerContextMenu,
        panel,
        onSelect,
        onSaveGroup,
        onContextMenu,
        onCloseGroup,
        onClose,
        onToolbarClick,
    } = props;

    const wrapper = useRef<HTMLDivElement>(null);
    const scrollable = useRef<IScrollRef>(null);

    // scroll into view
    useLayoutEffect(() => {
        const scrollHeight = scrollable.current?.scrollHeight || 0;
        if (scrollHeight > MAX_GROW_HEIGHT - HEADER_HEIGTH) {
            const activeItem = wrapper.current?.querySelector<HTMLDivElement>(
                `.${editorTreeActiveItemClassName}`
            );
            if (activeItem) {
                const top = activeItem.offsetTop;
                scrollable.current?.scrollTo(top);
            }
        }
    }, [current?.id && current.tab?.id]);

    if (!groups || !groups.length) return null;

    const contextView = useContextView();

    const handleCloseClick = (group: IEditorGroup, file: ITabProps) => {
        onClose?.(file.id!, group.id!);
    };

    const handleItemClick = (group: IEditorGroup, file: ITabProps) => {
        if (group.id !== current?.id || file.id !== current?.tab?.id) {
            onSelect?.(file.id!, group.id!);
        }
    };

    const handleOnMenuClick = (
        menu: IMenuItemProps,
        group: IEditorGroup,
        file?: ITabProps
    ) => {
        contextView.hide();
        onContextMenu?.(menu, group.id!, file);
    };

    const handleRightClick = (
        e: React.MouseEvent<HTMLDivElement, MouseEvent>,