import { Dispatch } from "redux";
export interface TreePickerProps {
- pickerId: string;
- toggleItemOpen: (id: string, status: TreeItemStatus, pickerId: string) => void;
- toggleItemActive: (id: string, status: TreeItemStatus, pickerId: string) => void;
+ pickerKind: string;
+ toggleItemOpen: (id: string, status: TreeItemStatus, pickerKind: string) => void;
+ toggleItemActive: (id: string, status: TreeItemStatus, pickerKind: string) => void;
}
const mapStateToProps = (state: RootState, props: TreePickerProps): Pick<TreeProps<any>, 'items'> => {
- const tree = state.treePicker[props.pickerId] || createTree();
+ const tree = state.treePicker[props.pickerKind] || createTree();
return {
items: getNodeChildren('')(tree)
.map(treePickerToTreeItems(tree))
const mapDispatchToProps = (dispatch: Dispatch, props: TreePickerProps): Pick<TreeProps<any>, 'onContextMenu' | 'toggleItemOpen' | 'toggleItemActive'> => ({
onContextMenu: () => { return; },
- toggleItemActive: (id, status) => props.toggleItemActive(id, status, props.pickerId),
- toggleItemOpen: (id, status) => props.toggleItemOpen(id, status, props.pickerId)
+ toggleItemActive: (id, status) => props.toggleItemActive(id, status, props.pickerKind),
+ toggleItemOpen: (id, status) => props.toggleItemOpen(id, status, props.pickerKind)
});
export const TreePicker = connect(mapStateToProps, mapDispatchToProps)(Tree);