import keyBy from 'lodash/keyBy';
import { SelectColumnRenderer } from './renderer';
// import { SelectConfig } from './type';
import { SelectColumnEditor } from './editor';
import * as loader from '@revolist/revo-dropdown/loader';

export default class SelectColumnType {
    constructor() {
        this.loadCustomComponent();
    }
    readonly editor = SelectColumnEditor;

    beforeSetup = (col: any) => {
        if (!col.source) {
            return;
        }
        const source = col.source.map((item: any) => ({...item, id: item[col.valueKey].toString()}));
        col.sourceLookup = keyBy(source, col.valueKey);
    };

    cellTemplate = SelectColumnRenderer;

    private loadCustomComponent() {
        if (loader?.defineCustomElements) {
            loader?.defineCustomElements();
        }
    }
}
export const CreateSelectColumnType = SelectColumnType;