UNPKG

@agentlab/rjsf-antd

Version:

Ant Design theme, fields and widgets for react-jsonschema-form

25 lines 1.06 kB
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