react-tree-file-system
Version:
To initialize a simple customizable tree view for file system for React
27 lines (26 loc) • 1 kB
TypeScript
import * as React from 'react';
interface Props {
value: Node[];
fileOnClick: (event: React.SyntheticEvent<EventTarget>, indexes: number[], value: Node) => void;
folderOnClick: (event: React.SyntheticEvent<EventTarget>, indexes: number[], state: boolean, value: Node) => void;
onDrop?: (fromIndexes: number[], toIndexes: number[]) => void;
onDrag?: (fromIndexes: number[], toIndexes: number[]) => void;
folderIcon?: JSX.Element;
fileIcon?: JSX.Element;
style?: React.CSSProperties;
isDraggable?: boolean;
selected?: string;
selectedClassName?: string;
}
interface Node {
title: string;
isOpen?: boolean;
isLocked?: boolean;
isHidden?: boolean;
children?: Node[];
style?: React.CSSProperties;
className?: string;
[extra: string]: any;
}
declare const Tree: ({ value, fileOnClick, folderOnClick, fileIcon, folderIcon, style, isDraggable, onDrop, onDrag, selected, selectedClassName }: Props) => JSX.Element;
export default Tree;