diff --git a/lib/select-popover.js b/lib/select-popover.js index e777a03..fc4bc11 100644 --- a/lib/select-popover.js +++ b/lib/select-popover.js @@ -7,6 +7,7 @@ var HiddenSelectField = require("./hidden-select-field"), var SelectPopover = React.createClass({displayName: "SelectPopover", propTypes: { options : React.PropTypes.arrayOf(React.PropTypes.object).isRequired, + selectedOptions : React.PropTypes.arrayOf(React.PropTypes.object), name : React.PropTypes.string, selectPlaceholder : React.PropTypes.string, componentClassNames : React.PropTypes.arrayOf(React.PropTypes.string), @@ -29,7 +30,7 @@ var SelectPopover = React.createClass({displayName: "SelectPopover", getInitialState: function() { return { searchTerm : "", - selectedValues : [], + selectedValues : this.props.selectedOptions || [], focus : "out" } }, @@ -150,4 +151,4 @@ var SelectPopover = React.createClass({displayName: "SelectPopover", } }); -module.exports = SelectPopover; \ No newline at end of file +module.exports = SelectPopover; diff --git a/package.json b/package.json index 498ea0b..1895ffb 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-select-popover", - "version": "0.1.1", + "version": "0.1.2", "description": "A react component to convert a select box into a nifty popover with prepopulated options", "main": "lib/select-popover.js", "scripts": { diff --git a/src/scripts/components/select-popover.jsx b/src/scripts/components/select-popover.jsx index 8a17e5f..722ad0e 100644 --- a/src/scripts/components/select-popover.jsx +++ b/src/scripts/components/select-popover.jsx @@ -7,6 +7,7 @@ var HiddenSelectField = require("./hidden-select-field"), var SelectPopover = React.createClass({ propTypes: { options : React.PropTypes.arrayOf(React.PropTypes.object).isRequired, + selectedOptions : React.PropTypes.arrayOf(React.PropTypes.object), name : React.PropTypes.string, selectPlaceholder : React.PropTypes.string, componentClassNames : React.PropTypes.arrayOf(React.PropTypes.string), @@ -29,7 +30,7 @@ var SelectPopover = React.createClass({ getInitialState: function() { return { searchTerm : "", - selectedValues : [], + selectedValues : this.props.selectedOptions || [], focus : "out" } }, @@ -150,4 +151,4 @@ var SelectPopover = React.createClass({ } }); -module.exports = SelectPopover; \ No newline at end of file +module.exports = SelectPopover;