rjsf-antd
Version:
Ant Design theme, fields and widgets for react-jsonschema-form
17 lines • 996 B
JavaScript
import React from 'react';
import { Checkbox } from 'antd';
var CheckboxesWidget = function (_a) {
var id = _a.id, disabled = _a.disabled, options = _a.options, value = _a.value, autofocus = _a.autofocus, readonly = _a.readonly, onChange = _a.onChange;
var enumOptions = options.enumOptions, enumDisabled = options.enumDisabled;
var _onChange = function (checkedValue) {
onChange(checkedValue);
};
return (React.createElement(Checkbox.Group, { onChange: _onChange }, enumOptions.map(function (option, index) {
var checked = value.indexOf(option.value) !== -1;
var itemDisabled = enumDisabled &&
enumDisabled.indexOf(option.value) !== -1;
return (React.createElement(Checkbox, { id: id + "_" + index, checked: checked, disabled: disabled || itemDisabled || readonly, autoFocus: autofocus && index === 0, value: option.value }, option.label));
})));
};
export default CheckboxesWidget;
//# sourceMappingURL=CheckboxesWidget.js.map