@agentlab/rjsf-antd
Version:
Ant Design theme, fields and widgets for react-jsonschema-form
25 lines • 1.06 kB
JavaScript
import React from 'react';
import { Select } from 'antd';
const SelectWidget = ({ id, options,
//multiple,
disabled, readonly, value, autofocus, onChange, onBlur, onFocus, }) => {
const { enumOptions, enumDisabled } = options;
//let mode = multiple ? 'multiple' : 'default';
//mode = options.mode || mode;
const mode = options.mode ? 'multiple' : 'default';
const _onChange = (value) => {
onChange(value);
};
const _onBlur = (value) => {
onBlur(id, value);
};
const _onFocus = () => {
onFocus(id, value);
};
return (React.createElement(Select, { mode: mode, value: value, disabled: disabled || readonly, autoFocus: autofocus, onChange: _onChange, onBlur: _onBlur, onFocus: _onFocus }, enumOptions.map(({ value, label }, i) => {
const disabled = enumDisabled && enumDisabled.indexOf(value) !== -1;
return (React.createElement(Select.Option, { key: i, value: value, disabled: disabled }, label));
})));
};
export default SelectWidget;
//# sourceMappingURL=SelectWidget.js.map