uniforms-antd
Version:
Ant Design UI components for uniforms.
25 lines (24 loc) • 1.54 kB
JavaScript
import RadioAntD from 'antd/lib/radio';
import React from 'react';
import { connectField, filterDOMProps } from 'uniforms';
import wrapField from './wrapField';
const base64 = typeof btoa === 'undefined'
? /* istanbul ignore next */ /* istanbul ignore next */ x => Buffer.from(x).toString('base64')
: btoa;
const escape = (x) => base64(encodeURIComponent(x)).replace(/=+$/, '');
const radioStyle = { display: 'block' };
function Radio(props) {
var _a, _b, _c;
return wrapField(props, React.createElement(RadioAntD.Group, Object.assign({}, filterDOMProps(props), { disabled: props.disabled, name: props.name, onChange: event => {
if (!props.readOnly) {
props.onChange(event.target.value);
}
}, value: (_a = props.value) !== null && _a !== void 0 ? _a : '', options: (_b = props.options) === null || _b === void 0 ? void 0 : _b.map(option => {
var _a;
return (Object.assign(Object.assign({}, option), { label: (_a = option.label) !== null && _a !== void 0 ? _a : option.value }));
}) }), (_c = props.options) === null || _c === void 0 ? void 0 : _c.map(option => {
var _a, _b;
return (React.createElement(RadioAntD, { id: `${props.id}-${escape(option.value)}`, key: (_a = option.key) !== null && _a !== void 0 ? _a : option.value, style: radioStyle, value: option.value, disabled: option.disabled }, (_b = option.label) !== null && _b !== void 0 ? _b : option.value));
})));
}
export default connectField(Radio, { kind: 'leaf' });