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

Semantic UI form renderer based on dynamic form generation

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const mobx_react_1 = require("mobx-react");
const properties_common_1 = require("./properties_common");
const editor_context_1 = require("../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);
}
exports.TextArea = mobx_react_1.observer((props) => {
    const context = React.useContext(editor_context_1.EditorContext);
    const onChange = React.useMemo(() => properties_common_1.onChangeHandler.bind({ props, editorState: context }), [
        props,
        context
    ]);
    const { formElement, readOnly } = props;
    const { value, error } = properties_common_1.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