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)

25 lines 1.44 kB
"use strict"; exports.__esModule = true; exports.GVCheckbox = 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 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 = tslib_1.__rest(_a, ["field", "form"]); return (react_1["default"].createElement(Box_1["default"], { display: 'flex', sx: { margin: '5px', alignItems: 'center' } }, react_1["default"].createElement(material_1.FormControlLabel, { label: props.label, control: react_1["default"].createElement(material_1.Checkbox, { id: field.name, name: field.name, checked: typeof (0, formik_1.getIn)(values, field.name) === 'string' ? (0, formik_1.getIn)(values, field.name) === '1' ? true : false : (0, formik_1.getIn)(values, field.name), onChange: function (val) { setFieldValue(field.name, val.target.checked); } }) }))); } exports.GVCheckbox = GVCheckbox; //# sourceMappingURL=GVCheckbox.js.map