@onehat/ui/src/Components/Panel/TreePanel.js

Base UI for OneHat apps

import Panel from './Panel.js';
import Tree, { WindowedTreeEditor, SideTreeEditor, } from '../Tree/Tree.js';
import {
	EDITOR_TYPE__WINDOWED,
	EDITOR_TYPE__SIDE,
} from '../../Constants/Editor.js';
import _ from 'lodash';

export function TreePanel(props) {
	const {
			isEditor = false,
			editorType = EDITOR_TYPE__WINDOWED,
			_panel = {},
			_tree = {},
		} = props;

	let WhichTree = Tree;
	if (isEditor) {
		switch(editorType) {
			case EDITOR_TYPE__WINDOWED:
				WhichTree = WindowedTreeEditor;
				break;
			case EDITOR_TYPE__SIDE:
				WhichTree = SideTreeEditor;
				break;
		}
	}

	return <Panel {..._panel}>
				<WhichTree {...props} {..._tree} />
			</Panel>;
}

export default TreePanel;