gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add unselected option to select widget when no default is set

Browse Source
This commit is contained in:
Benaiah Mischenko 2017-10-10 11:32:47 -07:00 committed by Shawn Erquhart
parent 6071ea746f
commit e00c396697
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Widgets/SelectControl.js
View File

@ -1,6 +1,7 @@
import PropTypes from 'prop-types';
import React from 'react';
import ImmutablePropTypes from 'react-immutable-proptypes';
import { isMap } from 'immutable';
export default class SelectControl extends React.Component {
handleChange = (e) => {
@ -15,12 +16,15 @@ export default class SelectControl extends React.Component {
return <div>Error rendering select control for {field.get('name')}: No options</div>;
}
const options = fieldOptions.map((option) => {
if (typeof option === 'string') {
return { label: option, value: option };
}
return option;
});
const options = [
...(field.get('default', false) ? [] : [{ label: '', value: '' }]),
...fieldOptions.map((option) => {
if (typeof option === 'string') {
return { label: option, value: option };
}
return isMap(option) ? option.toJS() : option;
}),
];
return (<select id={forID} value={value || ''} onChange={this.handleChange}>
{options.map((option, idx) => <option key={idx} value={option.value}>