@try-at-software/input-elements
Version:
A package providing different input elements that are extensible and easily configurable for your custom needs.
28 lines (27 loc) • 1.54 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.LongTextInput = void 0;
const react_1 = require("@fluentui/react");
const React = require("react");
const Components_1 = require("../../Components");
const Components_2 = require("../../Components");
class LongTextInput extends React.Component {
constructor() {
super(...arguments);
this.handleChange = (_event, newValue) => {
const { onChange } = this.props;
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
};
}
render() {
if (!this.props)
return null;
const { dynamicProps, operativeProps } = this.props;
const { isDisabled } = dynamicProps;
const { autoAdjustHeight, autoFocus, contentType, placeholder, resizable } = operativeProps;
return (React.createElement(React.Fragment, null,
React.createElement(Components_2.LabelRenderer, { label: this.props.label, required: !!this.props.renderRequiredIndicator }),
React.createElement(react_1.TextField, { "data-automationid": "long-text-input", value: this.props.value || '', onChange: this.handleChange, errorMessage: Components_1.materializeErrorMessage(this.props.errorMessage), type: contentType, placeholder: placeholder, autoAdjustHeight: autoAdjustHeight, resizable: resizable, disabled: isDisabled, autoFocus: autoFocus, validateOnFocusOut: true, multiline: true })));
}
}
exports.LongTextInput = LongTextInput;