formik_typescript_ui/dist/RadioButtonField.js

[](https://www.npmjs.com/package/formik_typescript_ui) [](https://github.com/RominaManzano/formik_typescript_ui/blob/master/LICEN

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var formik_1 = require("formik");
var RadioButtonField = function (_a) {
    var className = _a.className, classNameLabel = _a.classNameLabel, disabled = _a.disabled, id = _a.id, label = _a.label, labelStyle = _a.labelStyle, name = _a.name, style = _a.style;
    var renderRadioButton = function (_a) {
        var _b = _a.field, onChange = _b.onChange, value = _b.value;
        var displayLabel = label ?
            (react_1.default.createElement("label", { className: classNameLabel || '', htmlFor: id, style: labelStyle }, label)) : null;
        return (react_1.default.createElement(react_1.default.Fragment, null,
            react_1.default.createElement("input", { className: className || '', checked: id === value, disabled: disabled, id: id, name: name, onChange: onChange, style: style, type: "radio", value: id }),
            displayLabel));
    };
    return (react_1.default.createElement(formik_1.Field, { name: name, render: renderRadioButton }));
};
RadioButtonField.defaultProps = {
    className: null,
    classNameLabel: null,
    disabled: false,
    label: null,
    labelStyle: {},
    style: {},
};
exports.default = RadioButtonField;