Sha256: cf75dc30adfa4359498eeec8ae3348aff46b8da34d6f2d33cc72f0d8c7ee6aea
Contents?: true
Size: 1.14 KB
Versions: 65
Compression:
Stored size: 1.14 KB
Contents
import React from 'react';
import PropTypes from 'prop-types';
import { translate as __ } from 'foremanReact/common/I18n';
import { FormGroup, ControlLabel } from 'react-bootstrap';
import BootstrapSelect from '../../components/react-bootstrap-select';
function MultiSelect(props) {
const {
options,
onChange,
defaultValues,
...otherProps
} = props;
const optionComponents = options.map(option => (
<option key={`option-${option.value}`} value={option.value}>
{option.label}
</option>
));
return (
<FormGroup controlId="formControlsSelectMultiple">
<ControlLabel srOnly>{__('Select Value')}</ControlLabel>
<BootstrapSelect
defaultValues={defaultValues}
{...otherProps}
multiple
onChange={evt => onChange(evt)}
>
{optionComponents}
</BootstrapSelect>
</FormGroup>
);
}
MultiSelect.defaultProps = {
onChange: () => { },
defaultValues: null,
};
MultiSelect.propTypes = {
options: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
onChange: PropTypes.func,
defaultValues: PropTypes.arrayOf(PropTypes.string),
};
export default MultiSelect;
Version data entries
65 entries across 65 versions & 1 rubygems