An example of how to create and use a cellEditorFactory to extend basic cellEditor components into ag-Grid

agGridCellEditorSelectorFactory.ts

import {IAfterGuiAttachedParams, ICellEditorComp, ICellEditorParams, IComponent, Promise} from 'ag-grid-community';

export interface ISelectorCellEditor extends ICellEditorParams {
    highlightAllOnFocus?: boolean;
}

export interface ISCellEditor extends IComponent<ICellEditorParams>, ICellEditorComp {
}

export function selectorCellEditorFactory(cellEditor: new(...args: any[]) => (ISCellEditor)) {
    return class SelectorCellEditor extends cellEditor implements ICellEditorComp {
        
        private highlightAllOnFocus: boolean = false;

        constructor(props: any) {
            super(props);
        }


        public init(params: ISelectorCellEditor): void | Promise<void> {
            this.highlightAllOnFocus = !!params.highlightAllOnFocus;
            if (super.init) {
                return super.init(params);
            }
            return;
        }

        public afterGuiAttached(params?: IAfterGuiAttachedParams): void {
            const eGui = this.getGui();
            const eInput = this.getGui().querySelector('input') as HTMLInputElement;
            if (super.afterGuiAttached) {
                super.afterGuiAttached(params);
            }
            if (this.highlightAllOnFocus) {
                eInput.select();
            }
        }
    };
}