UNPKG

@gecsevar.hu/gecsevar-formik-fields

Version:

[![npm version](https://badge.fury.io/js/@gecsevar.hu%2Fgecsevar-formik-fields.svg)](https://badge.fury.io/js/@gecsevar.hu%2Fgecsevar-formik-fields)

19 lines 1.08 kB
"use strict"; exports.__esModule = true; exports.GVTextField = void 0; var tslib_1 = require("tslib"); var react_1 = tslib_1.__importDefault(require("react")); var formik_1 = require("formik"); var Box_1 = tslib_1.__importDefault(require("@mui/material/Box")); var material_1 = require("@mui/material"); function GVTextField(_a) { var field = _a.field, _b = _a.form, errors = _b.errors, touched = _b.touched, isSubmitting = _b.isSubmitting, props = tslib_1.__rest(_a, ["field", "form"]); var errorMessage = undefined; if ((0, formik_1.getIn)(touched, field.name) === true) { errorMessage = (0, formik_1.getIn)(errors, field.name); } return (react_1["default"].createElement(Box_1["default"], null, react_1["default"].createElement(material_1.TextField, tslib_1.__assign({ style: { maxWidth: '300px', margin: '5px' }, size: 'small' }, field, props, { helperText: errorMessage, error: !!errorMessage, disabled: isSubmitting || props.disabled })))); } exports.GVTextField = GVTextField; //# sourceMappingURL=GVTextField.js.map