@talend/react-forms
Version:
React forms library based on json schema form.
83 lines • 2.23 kB
JavaScript
/* eslint-disable jsx-a11y/no-autofocus */
import PropTypes from 'prop-types';
import { Form } from '@talend/design-system';
import { getLabelProps } from '../../utils/labels';
import { jsx as _jsx } from "react/jsx-runtime";
export default function TextArea({
id,
isValid,
errorMessage,
onChange,
onFinish,
schema,
value,
valueIsUpdating
}) {
const {
autoFocus,
description,
disabled = false,
placeholder,
readOnly = false,
rows = 5,
title,
labelProps
} = schema;
return /*#__PURE__*/_jsx(Form.Textarea, {
id: id,
autoFocus: autoFocus,
label: getLabelProps(title, labelProps, schema.hint, schema.required),
required: schema.required,
disabled: disabled || valueIsUpdating,
placeholder: placeholder,
onBlur: event => onFinish(event, {
schema
}),
onChange: event => onChange(event, {
schema,
value: event.target.value
}),
readOnly: readOnly,
rows: rows,
value: value,
description: errorMessage || description,
hasError: !isValid,
"aria-invalid": !isValid,
"aria-required": schema.required
});
}
if (process.env.NODE_ENV !== 'production') {
TextArea.propTypes = {
id: PropTypes.string,
isValid: PropTypes.bool,
errorMessage: PropTypes.string,
onChange: PropTypes.func.isRequired,
onFinish: PropTypes.func.isRequired,
schema: PropTypes.shape({
className: PropTypes.string,
autoFocus: PropTypes.bool,
description: PropTypes.string,
disabled: PropTypes.bool,
placeholder: PropTypes.string,
readOnly: PropTypes.bool,
required: PropTypes.bool,
rows: PropTypes.number,
title: PropTypes.string,
labelProps: PropTypes.object,
hint: PropTypes.shape({
icon: PropTypes.string,
className: PropTypes.string,
overlayComponent: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
overlayPlacement: PropTypes.string
})
}),
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
valueIsUpdating: PropTypes.bool
};
}
TextArea.defaultProps = {
isValid: true,
schema: {},
value: ''
};
//# sourceMappingURL=TextArea.component.js.map