UNPKG

rjsf-antd

Version:

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

25 lines 1.28 kB
import React from 'react'; import { Select } from 'antd'; // import { WidgetProps } from 'react-jsonschema-form'; var SelectWidget = function (props) { var options = props.options, multiple = props.multiple, disabled = props.disabled, readonly = props.readonly, value = props.value, autofocus = props.autofocus, onChange = props.onChange, onBlur = props.onBlur, onFocus = props.onFocus; var enumOptions = options.enumOptions, enumDisabled = options.enumDisabled; var mode = multiple ? 'multiple' : 'default'; mode = options.mode || mode; var _onChange = function (value) { onChange(value); }; var _onBlur = function (value) { onBlur(value); }; var _onFocus = function () { onFocus(); }; return (React.createElement(Select, { mode: mode, value: value, disabled: disabled || readonly, autoFocus: autofocus, onChange: _onChange, onBlur: _onBlur, onFocus: _onFocus }, enumOptions.map(function (_a, i) { var value = _a.value, label = _a.label; var 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