Add header and footer to Tree

[mertsincan]

Users can customize filter element or add elements to header or footer according to your needs.

    type HeaderTemplateType = React.ReactNode | ((options: HeaderTemplateOptions) => React.ReactNode);

    type FooterTemplateType = React.ReactNode | ((props: TreeProps) => React.ReactNode);

    interface HeaderTemplateOptions {
        filterContainerClassName: string;
        filterIconClasssName: string;
        filterInput: FilterInputOptions;
        filterElement: JSX.Element;
        element: JSX.Element;
        props: TreeProps;
    }

    interface FilterInputOptions {
        className: string;
        onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
        onChange(event: React.KeyboardEvent<HTMLInputElement>): void;
    }