@talend/react-forms
Version:
React forms library based on json schema form.
39 lines • 1.06 kB
JavaScript
import { useController, useFormContext } from 'react-hook-form';
import PropTypes from 'prop-types';
import { Form } from '@talend/design-system';
import { jsx as _jsx } from "react/jsx-runtime";
function RHFInput({
rules = {},
name = '',
defaultValue,
...rest
}) {
var _fieldState$error, _fieldState$error2;
const {
control
} = useFormContext();
const {
field,
fieldState
} = useController({
control,
name,
rules,
defaultValue
});
return /*#__PURE__*/_jsx(Form.Input, {
hasError: !!((_fieldState$error = fieldState.error) !== null && _fieldState$error !== void 0 && _fieldState$error.message),
description: (_fieldState$error2 = fieldState.error) === null || _fieldState$error2 === void 0 ? void 0 : _fieldState$error2.message,
...field,
...rest
});
}
if (process.env.NODE_ENV !== 'production') {
RHFInput.propTypes = {
rules: PropTypes.object,
name: PropTypes.string,
defaultValue: PropTypes.string
};
}
export default RHFInput;
//# sourceMappingURL=RHFInput.component.js.map