import * as React from "react";
import { GridColumnModel } from "../model";
import { GridContextMenu } from "../context/GridContextMenu";

export class ColumnContextMenus extends React.Component<any, any> {

    render() {
        if (!this.props.columns) {
            return null;
        }

        const cols = Object.keys(this.props.columns);

        const menues = new Array(cols.length);

        for (let i = 0; i < cols.length; i++) {
            const col : GridColumnModel = this.props.columns[cols[i]];

            menues[i] = <GridContextMenu key={col.contextId}
                                         column={col.property}
                                         name={col.contextId}
                                         customItems={col.customMenus}
                                         onSort={this.props.onSortColumn}
                                         onUnsort={this.props.onUnsortColumn}
                                         onEditColumns={this.props.onEditColumns}/>;
        }

        return (
            <div>
                { menues }
            </div>
        );
    }
}