[explore] include ControlHeader as part of Control interface (#2809)

* [explore] include ControlHeader as part of Control interface

* Adressing comments
This commit is contained in:
Maxime Beauchemin
2017-05-25 11:54:26 -07:00
committed by GitHub
parent 0c9f9b695b
commit 4d12251806
9 changed files with 51 additions and 36 deletions

View File

@@ -1,6 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import Select, { Creatable } from 'react-select';
import ControlHeader from '../ControlHeader';
const propTypes = {
choices: PropTypes.array,
@@ -13,6 +14,7 @@ const propTypes = {
name: PropTypes.string.isRequired,
onChange: PropTypes.func,
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),
showHeader: PropTypes.bool,
};
const defaultProps = {
@@ -24,6 +26,7 @@ const defaultProps = {
label: null,
multi: false,
onChange: () => {},
showHeader: true,
};
export default class SelectControl extends React.PureComponent {
@@ -115,6 +118,9 @@ export default class SelectControl extends React.PureComponent {
(<Creatable {...selectProps} />) : (<Select {...selectProps} />);
return (
<div>
{this.props.showHeader &&
<ControlHeader {...this.props} />
}
{selectWrap}
</div>
);