/*
 * This file belongs to Hoist, an application development toolkit
 * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
 *
 * Copyright © 2026 Extremely Heavy Industries Inc.
 */
import {hoistCmp} from '@xh/hoist/core';
import '@xh/hoist/desktop/register';
import {textArea, TextAreaProps} from '../../input';
import {EditorProps} from './EditorProps';
import './Editors.scss';
import {useInlineEditorModel} from './impl/InlineEditorModel';

export type TextAreaEditorProps = EditorProps<TextAreaProps>;

/** Multi-line text input inline cell editor for long-form string values in a Grid. */
export const [TextAreaEditor, textAreaEditor] = hoistCmp.withFactory<TextAreaEditorProps>({
    displayName: 'TextAreaEditor',
    className: 'xh-textarea-editor',
    memo: false,
    observer: false,
    render(props, ref) {
        props = {
            ...props,
            inputProps: {
                style: {
                    resize: 'vertical'
                },
                ...props.inputProps
            }
        };
        return useInlineEditorModel(textArea, props, ref);
    }
});