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