@gecsevar.hu/gecsevar-formik-fields
Version:
[](https://badge.fury.io/js/@gecsevar.hu%2Fgecsevar-formik-fields)
21 lines • 1.17 kB
JavaScript
import { __rest } from "tslib";
import React from 'react';
import { getIn } from 'formik';
import Box from '@mui/material/Box';
import { Checkbox, FormControlLabel } from '@mui/material';
export function GVCheckbox(_a) {
//let errorMessage: any = undefined
//if (getIn(touched, field.name) === true) {
// errorMessage = getIn(errors, field.name)
//}
var field = _a.field, _b = _a.form, /*errors, touched, */ values = _b.values, setFieldValue = _b.setFieldValue, props = __rest(_a, ["field", "form"]);
return (React.createElement(Box, { display: 'flex', sx: { margin: '5px', alignItems: 'center' } },
React.createElement(FormControlLabel, { label: props.label, control: React.createElement(Checkbox, { id: field.name, name: field.name, checked: typeof getIn(values, field.name) === 'string'
? getIn(values, field.name) === '1'
? true
: false
: getIn(values, field.name), onChange: function (val) {
setFieldValue(field.name, val.target.checked);
} }) })));
}
//# sourceMappingURL=GVCheckbox.js.map