rjsf-antd
Version:
Ant Design theme, fields and widgets for react-jsonschema-form
20 lines • 1.17 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var antd_1 = require("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_1.default.createElement(antd_1.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_1.default.createElement(antd_1.Checkbox, { id: id + "_" + index, checked: checked, disabled: disabled || itemDisabled || readonly, autoFocus: autofocus && index === 0, value: option.value }, option.label));
})));
};
exports.default = CheckboxesWidget;
//# sourceMappingURL=CheckboxesWidget.js.map