petals-ui/dist/tree/typing/interfaces.ts

Front-end UI components foundation

import { IFormControl } from '../../form-control';

import {
  TreeNodeKey,
  TreeNodeData,
  TreeNode,
  TreeNodeRenderer,
  TreeData,
  ConfigurableTreeNodeDataField,
} from './aliases';

interface ITreeComponent extends Omit<IFormControl<TreeNodeKey[]>, 'onChange'> {
  readonly dataSource: TreeData;
  readonly checkable: boolean;
  readonly expanded: boolean;
  readonly expandedKeys: TreeNodeKey[];
  readonly selectedKeys: TreeNodeKey[];
  readonly nodeField: ConfigurableTreeNodeDataField;
  readonly nodeRenderer: TreeNodeRenderer;
  readonly emptyText: string;
  readonly onChange: (checkedKeys: TreeNodeKey[], data: TreeNodeData[], nodes: TreeNode[]) => void;
  readonly onSelect: (selectedKeys: TreeNodeKey[], data: TreeNodeData[], nodes: TreeNode[]) => void;
  readonly onExpand: (expandedKeys: TreeNodeKey[], data: TreeNodeData[], nodes: TreeNode[]) => void;
}

export { ITreeComponent };