@tomino/dynamic-form-semantic-ui/dist/mjs/properties/textbox.js

Semantic UI form renderer based on dynamic form generation

import * as React from 'react';
import { observer } from 'mobx-react';
import { parseProps, onChangeHandler } from './properties_common';
import { EditorContext } from '../editor/editor_context';
function autosize(e) {
    var el = e.currentTarget;
    setTimeout(function () {
        const h = el.scrollHeight;
        el.style.cssText = 'height:auto; padding:0';
        el.style.cssText = 'height:' + (h < 200 ? h : 200) + 'px';
    }, 0);
}
export const TextArea = observer((props) => {
    const context = React.useContext(EditorContext);
    const onChange = React.useMemo(() => onChangeHandler.bind({ props, editorState: context }), [
        props,
        context
    ]);
    const { formElement, readOnly } = props;
    const { value, error } = parseProps(props, context, true);
    return (React.createElement("textarea", { className: error ? 'invalid' : '', value: value || '', onChange: onChange, disabled: readOnly, onKeyDown: autosize, id: formElement.uid }));
});
//# sourceMappingURL=textbox.js.map