VimUnDofۮHcۊOc,5#j:AmmmVT$_ US( 0var OptionWrapper = require('./option-wrapper');5_ %US( 0var OptionWrapper = require('./Option-wrapper');5_ %US( /var OptionWrapper = require('./Optionwrapper');5_ %US(. .var OptionWrapper = require('./Optionrapper');5_US4i3 #var Options = require('./options');5_UV5_UV "use strict";5_UV$var React = require('react/addons');5_UV5_UVvar _ = require('lodash');5_UV5_UV5_ UV  5_ UV 5_VUVvar cx = React.addons.classSet;1var cloneWithProps = React.addons.cloneWithProps;5_VUV5_VUV5_ VUV4#var Options = require('./Options');/var OptionWrapper = require('./OptionWrapper');5_ VUV5,var SearchMixin = require('./search-mixin');5_&VUV%& mixins: [SearchMixin],5_&VUV%&5_%VUV$&(var MultipleChoice = React.createClass({5_%VUV$&*const MultipleChoice = React.createClass({5_VUV5_VUVexport default SingleChoice;5_VUV6 module.exports = MultipleChoice;5_GVUV7FH> var options = _.map(this.props.children, function(child) {5_%VUV8$&(const SingleChoice = React.createClass({5_ VUV &var ValueWrapper = React.createClass({5_ VUW9 )constk ValueWrapper = React.createClass({5_+/VUW0:*,/ children: React.PropTypes.array.isRequired,5_''1(9V9UW7&'2 name: React.PropTypes.string, // name of input= placeholder: React.PropTypes.string, // input placeholder5_*'1'9V9UW7*-*+5_,'1'9V9UW9;,.5_,'1'9V9UW><,.,-5_1'1'9V9UWE13125_2'1'9V9UWE=245_3'1'9V9UWT35345_5'1'9V9UWU>46A searchField: React.PropTypes.array, // array of search fields5_<'1'9V9UWf;= getDefaultProps: function() {5_<'1'9V9UWf;= getDefaultProps function() {5_<'1'9V9UWf;= getDefaultPropsfunction() {5_<'1'9V9UWf;= getDefaultPropsunction() {5_<'1'9V9UWf;= getDefaultPropsnction() {5_<'1'9V9UWf;= getDefaultPropsction() {5_<'1'9V9UWf;= getDefaultPropstion() {5_<'1'9V9UWf;= getDefaultPropsion() {5_<'1'9V9UWg;= getDefaultPropson() {5_<'1'9V9UWg?;= getDefaultPropsn() {5_ '1'9V9UWy  5_ (1(9V9UWy 5_D)1)9V9UW|@CG allowDuplicates: false5_;))1)9V9UWA:<a allowDuplicates: React.PropTypes.bool // if true, the same values can be added multiple times5_;)1)9V9UW:;b allowDuplicates: React.PropTypes.bool, // if true, the same values can be added multiple times5_2)1)9V9UWB24235_J)1)9V9UWIK getInitialState: function() {5_J)1)9V9UWIK getInitialState function() {5_J)1)9V9UWIK getInitialStatefunction() {5_J)1)9V9UWIK getInitialStateunction() {5_J)1)9V9UWIK getInitialStatenction() {5_J)1)9V9UWIK getInitialStatection() {5_J)1)9V9UWIK getInitialStatetion() {5_J)1)9V9UWIK getInitialStateion() {5_J)1)9V9UWIK getInitialStateon() {5_J)1)9V9UWIK getInitialStaten() {5_V)1)9V9UWV[VW5_Z)1)9V9UWY[ searchResults: null5_Z[[VUWZ\5_[\\VUW[] []5_c]]VUWce ce5_J]]VUWJL JL5_T^^VUWCTV TV5_C__VUWDBD searchField: ['children'],5_C__VUWEBC$ /*searchField: ['children'],*/5_h^^VUWFhvhi5_^^VUXG  5_``VUX&5_aaVUX'import _map from 'lodash.map';5_aaVUX)H!import _filter from 'lodash.map';5_waaVUX;w| wy5_{aaVUXP{{|5_aaVUXT 5_oaaVUXkoxop5_eeoVUXnde 2 componentWillReceiveProps: function(nextProps) {9 if (_.isEqual(nextProps.values, this.props.values)) {@ var options = this._getAvailableOptions(nextProps.values);- var state = this._resetSearch(options);& state.values = nextProps.values; state.selected = null; this.setState(state); } },5_oeeVUXtosop5_oeeVUXuIno! this._updateScrollPosition();5_neeVUXymo" componentDidUpdate: function() {5_neeVUXymo! componentDidUpdate function() {5_neeVUXymo componentDidUpdatefunction() {5_neeVUXymo componentDidUpdateunction() {5_neeVUXzmo componentDidUpdatenction() {5_neeVUXzmo componentDidUpdatection() {5_neeVUXzmo componentDidUpdatetion() {5_neeVUXzmo componentDidUpdateion() {5_ neeVUXzmo componentDidUpdateon() {5_  neeVUXzmo componentDidUpdaten() {5_   neeVUX{Jmo componentDidUpdate() {5_   teeVUXsu render: function() {5_   teeVUXsu render function() {5_  teeVUXsu renderfunction() {5_ teeVUXsu renderunction() {5_teeVUXsu rendernction() {5_teeVUXsu renderction() {5_teeVUXsu rendertion() {5_teeVUXsu renderion() {5_teeVUXsu renderon() {5_teeVUXKsu rendern() {5_teeVUXtvtu5_ueeVUXuw5_ueeVUXLuwuv5_eeVUX5_eeVUX5_eeVUX5_eeVUXM5_eeVUX5_eeVUX5_keeVUXkokl5_!nhhVUXNnp5_" !iiVUY5_!#"iiVUYO {this.state.focus ?5_"$#eiiVUY'df' _handleOptionsMouseDown: function() {5_#%$eiiVUY'df& _handleOptionsMouseDown function() {5_$&%eiiVUY'df% _handleOptionsMouseDownfunction() {5_%'&eiiVUY'df$ _handleOptionsMouseDownunction() {5_&('eiiVUY'df# _handleOptionsMouseDownnction() {5_')(eiiVUY'df" _handleOptionsMouseDownction() {5_(*)eiiVUY'df! _handleOptionsMouseDowntion() {5_)+*eiiVUY(df _handleOptionsMouseDownion() {5_*,+eiiVUY(df _handleOptionsMouseDownon() {5_+-,eiiVUY(Pdf _handleOptionsMouseDownn() {5_,.-iiVUY8 var wrapperClasses = cx({5_-/.%V&UY=& const isActive = this._isActive();5_.0/%V&UY>5_/10)%V&UYA: 'react-choice-multiple--in-focus': this.state.focus,5_021)%V&UYA9 'react-choice-multiple--in-focus': his.state.focus,5_132)%V&UYA8 'react-choice-multiple--in-focus': is.state.focus,5_243)%V&UYA7 'react-choice-multiple--in-focus': s.state.focus,5_354)%V&UYB6 'react-choice-multiple--in-focus': .state.focus,5_465)%V&UYB5 'react-choice-multiple--in-focus': state.focus,5_576)%V&UYB4 'react-choice-multiple--in-focus': tate.focus,5_687)%V&UYB3 'react-choice-multiple--in-focus': ate.focus,5_798)%V&UYB2 'react-choice-multiple--in-focus': te.focus,5_8:9)%V&UYB1 'react-choice-multiple--in-focus': e.focus,5_9;:)%V&UYB0 'react-choice-multiple--in-focus': .focus,5_:<;)%V&UYB/ 'react-choice-multiple--in-focus': focus,5_;=<)%V&UYB. 'react-choice-multiple--in-focus': ocus,5_<>=)%V&UYB- 'react-choice-multiple--in-focus': cus,5_=?>)%V&UYB, 'react-choice-multiple--in-focus': us,5_>@?)%V&UYC+ 'react-choice-multiple--in-focus': s,5_?A@)%V&UYC* 'react-choice-multiple--in-focus': ,5_@BA.%V&UYE> 'react-choice-multiple--not-in-focus': !this.state.focus5_ACB.%V&UYE= 'react-choice-multiple--not-in-focus': !his.state.focus5_BDC.%V&UYE< 'react-choice-multiple--not-in-focus': !is.state.focus5_CED.%V&UYE; 'react-choice-multiple--not-in-focus': !s.state.focus5_DFE.%V&UYE: 'react-choice-multiple--not-in-focus': !.state.focus5_EGF.%V&UYE9 'react-choice-multiple--not-in-focus': !state.focus5_FHG.%V&UYE8 'react-choice-multiple--not-in-focus': !tate.focus5_GIH.%V&UYE7 'react-choice-multiple--not-in-focus': !ate.focus5_HJI.%V&UYF6 'react-choice-multiple--not-in-focus': !te.focus5_IKJ.%V&UYF5 'react-choice-multiple--not-in-focus': !e.focus5_JLK.%V&UYF4 'react-choice-multiple--not-in-focus': !.focus5_KML.%V&UYF3 'react-choice-multiple--not-in-focus': !focus5_LNM.%V&UYF2 'react-choice-multiple--not-in-focus': !ocus5_MON.%V&UYF1 'react-choice-multiple--not-in-focus': !cus5_NPO.%V&UYF0 'react-choice-multiple--not-in-focus': !us5_OQP.%V&UYF/ 'react-choice-multiple--not-in-focus': !s5_PRQ.%V&UYG. 'react-choice-multiple--not-in-focus': !5_QSR6%V&UYIQ6 'react-choice-multiple--not-in-focus': !isActive5_RTS %V&UYT5_SUT%V&UYUR5_TVU V UYi let inputValue; if (searchQuery !== null) { inputValue = searchQuery; } else if (selectedOption) {4 inputValue = selectedOption.props[labelField]; }5_UWV V UYjS5_VXW V UYsD var options = _.map(this.state.searchResults, function(option) {5_WYX V UYuE onst options = _.map(this.state.searchResults, function(option) {5_XZY V UYwF const options = _.map(this.state.searchResults, function(option) {5_Y[Z V UYyE const options = _map(this.state.searchResults, function(option) {5_Z\[6 V UYb const options = _map((searchResults || children), this.state.searchResults, function(option) {5_[]\6 V UYa const options = _map((searchResults || children), his.state.searchResults, function(option) {5_\^]6 V UY` const options = _map((searchResults || children), is.state.searchResults, function(option) {5_]_^6 V UY_ const options = _map((searchResults || children), s.state.searchResults, function(option) {5_^`_6 V UY^ const options = _map((searchResults || children), .state.searchResults, function(option) {5__a`6 V UY] const options = _map((searchResults || children), state.searchResults, function(option) {5_`ba6 V UY\ const options = _map((searchResults || children), tate.searchResults, function(option) {5_acb6 V UY[ const options = _map((searchResults || children), ate.searchResults, function(option) {5_bdc6 V UYZ const options = _map((searchResults || children), te.searchResults, function(option) {5_ced6 V UYY const options = _map((searchResults || children), e.searchResults, function(option) {5_dfe6 V UYX const options = _map((searchResults || children), .searchResults, function(option) {5_egf6 V UYW const options = _map((searchResults || children), searchResults, function(option) {5_fhg6 V UYV const options = _map((searchResults || children), earchResults, function(option) {5_gih6 V UYU const options = _map((searchResults || children), archResults, function(option) {5_hji6 V UYT const options = _map((searchResults || children), rchResults, function(option) {5_ikj6 V UYS const options = _map((searchResults || children), chResults, function(option) {5_jlk6 V UYR const options = _map((searchResults || children), hResults, function(option) {5_kml6 V UYQ const options = _map((searchResults || children), Results, function(option) {5_lnm6 V UYP const options = _map((searchResults || children), esults, function(option) {5_mon6 V UYO const options = _map((searchResults || children), sults, function(option) {5_npo6 V UYN const options = _map((searchResults || children), ults, function(option) {5_oqp6 V UYM const options = _map((searchResults || children), lts, function(option) {5_prq6 V UYL const options = _map((searchResults || children), ts, function(option) {5_qsr6 V UYK const options = _map((searchResults || children), s, function(option) {5_rts6 V UYJ const options = _map((searchResults || children), , function(option) {5_sut6 V UYI const options = _map((searchResults || children), function(option) {5_tvu6 V UYH const options = _map((searchResults || children), function(option) {5_uwv6 V UYG const options = _map((searchResults || children), unction(option) {5_vxw6 V UYF const options = _map((searchResults || children), nction(option) {5_wyx6 V UYE const options = _map((searchResults || children), ction(option) {5_xzy6 V UYD const options = _map((searchResults || children), tion(option) {5_y{z6 V UYC const options = _map((searchResults || children), ion(option) {5_z|{6 V UYB const options = _map((searchResults || children), on(option) {5_{}|6 V UYA const options = _map((searchResults || children), n(option) {5_|~}7 V UY@ const options = _map((searchResults || children), (option) {5_}~E V UYF const options = _map((searchResults || children), (child, index) {5_~ V UY }, this);5_ V UY } this);5_ V UY }this);5_ V UY }his);5_ V UY }is);5_ V UY }s);5_ V UY5_ V UY5_  V UYT .import {escapeRegexCharacters} from './utils';5_[ V UYi const highlightedValue = isDefined(hoverValue) && hoverValue !== null ? hoverValue : selectedValue;5_ V UY% hoverValue : //selectedValue;5_ V UYUM const highlightedValue = isDefined(hoverValue) && hoverValue !== null ?+ hoverValue : null; //selectedValue;5_M V UYVr const highlightedValue = isDefined(hoverValue) && hoverValue !== null ? hoverValue : null; //selectedValue;5_{ V UY{} {}5_ V UYW 5_ V UY 5_ V UYX 5_VUYY /*- var valueField = this.props.valueField;! var v = option[valueField];; var child = _.find(this.props.children, function(c) {) return c.props[valueField] === v; });1 var highlighted = this.state.highlighted &&1 v === this.state.highlighted[valueField];I child = cloneWithProps(child, { tokens: this.state.searchTokens }); return (  {child}  ); */5_VUZ5_VUZ5_VUZ5_VUZ5Z5_VUZ=5_VUZ=[5_VUZC5_VUZC 5_VUZI _handleOptionsMouseDown() {" this._optionsMouseDown = true; },5_VUZK\ _handleBlur: function(event) {* if (this._optionsMouseDown === true) {% this._optionsMouseDown = false;+ this.refs.input.getDOMNode().focus(); event.preventDefault(); event.stopPropagation(); } else { event.preventDefault(); this.setState({ focus: false }); } },5_VUZY5_VUZY]5_VUZ   5_VUZ^     5_VUZ   5_VUZ   5_"VUZ"$ "$ 5_VUZ 5_VUZ */5_VUZ */5_ VUZ */5_ VUZ */5_VUZ */5_VUZ */5_VUZ_ */5_VUZ5_)VUZ`)+)+5_VUZa 5_VU\b ref="input" />5_VU\, aria-expanded={this.state.focus}5_VU\+ aria-expanded={his.state.focus}5_VU\* aria-expanded={is.state.focus}5_VU\) aria-expanded={s.state.focus}5_VU\( aria-expanded={.state.focus}5_VU\' aria-expanded={state.focus}5_VU\& aria-expanded={tate.focus}5_VU\% aria-expanded={ate.focus}5_VU\$ aria-expanded={te.focus}5_VU\# aria-expanded={e.focus}5_VU\" aria-expanded={.focus}5_VU\! aria-expanded={focus}5_VU\ aria-expanded={ocus}5_VU\ aria-expanded={cus}5_VU\ aria-expanded={us}5_VU\ aria-expanded={s}5_VU\c aria-expanded={}5_VU\0 placeholder={this.props.placeholder}5_VU\/ placeholder={his.props.placeholder}5_VU\. placeholder={is.props.placeholder}5_VU\- placeholder={s.props.placeholder}5_VU\, placeholder={.props.placeholder}5_VU\+ placeholder={props.placeholder}5_VU\* placeholder={rops.placeholder}5_VU\) placeholder={ops.placeholder}5_VU\( placeholder={ps.placeholder}5_VU\' placeholder={s.placeholder}5_VU\d& placeholder={.placeholder}5_VU\<5_VU\=e#5_VU\K$$5_VU\Mf/5_.!U^-/04 values: React.PropTypes.array, // initial values5_.#U^-/06 values: React.PropTypes.arrayOf, // initial values5_.$U^-/07 values: React.PropTypes.arrayOf(, // initial values5_.#U^.30./05_. U^-/47 values: React.PropTypes.arrayOf(, // initial values& value: React.PropTypes.oneOfType([5_.$U^-/3Z values: React.PropTypes.arrayOf(, // initial values value: React.PropTypes.oneOfType([5_.$U^-/3Y values: React.PropTypes.arrayOf( // initial values value: React.PropTypes.oneOfType([5_.$U^-/3X values: React.PropTypes.arrayOf(// initial values value: React.PropTypes.oneOfType([5_.$U^-/3W values: React.PropTypes.arrayOf(/ initial values value: React.PropTypes.oneOfType([5_.$U^-/3V values: React.PropTypes.arrayOf( initial values value: React.PropTypes.oneOfType([5_.$U^-/3U values: React.PropTypes.arrayOf(initial values value: React.PropTypes.oneOfType([5_.$U^-/3T values: React.PropTypes.arrayOf(nitial values value: React.PropTypes.oneOfType([5_.$U^-/3S values: React.PropTypes.arrayOf(itial values value: React.PropTypes.oneOfType([5_.$U^-/3R values: React.PropTypes.arrayOf(tial values value: React.PropTypes.oneOfType([5_.$U^-/3Q values: React.PropTypes.arrayOf(ial values value: React.PropTypes.oneOfType([5_.$U^-/3P values: React.PropTypes.arrayOf(al values value: React.PropTypes.oneOfType([5_.$U^-/3O values: React.PropTypes.arrayOf(l values value: React.PropTypes.oneOfType([5_.$U^-/3N values: React.PropTypes.arrayOf( values value: React.PropTypes.oneOfType([5_.$U^-/3M values: React.PropTypes.arrayOf(values value: React.PropTypes.oneOfType([5_.$U^-/3L values: React.PropTypes.arrayOf(alues value: React.PropTypes.oneOfType([5_.$U^-/3K values: React.PropTypes.arrayOf(lues value: React.PropTypes.oneOfType([5_.$U^-/3J values: React.PropTypes.arrayOf(ues value: React.PropTypes.oneOfType([5_.$U^-/3I values: React.PropTypes.arrayOf(es value: React.PropTypes.oneOfType([5_.$U^-/3H values: React.PropTypes.arrayOf(s value: React.PropTypes.oneOfType([5_.$U^-/3G values: React.PropTypes.arrayOf( value: React.PropTypes.oneOfType([5_.$U^-/3F values: React.PropTypes.arrayOf(value: React.PropTypes.oneOfType([5_.$U^-/3E values: React.PropTypes.arrayOf(alue: React.PropTypes.oneOfType([5_.$U^-/3D values: React.PropTypes.arrayOf(lue: React.PropTypes.oneOfType([5_.$U^-/3C values: React.PropTypes.arrayOf(ue: React.PropTypes.oneOfType([5_.$U^-/3B values: React.PropTypes.arrayOf(e: React.PropTypes.oneOfType([5_.$U^-/3A values: React.PropTypes.arrayOf(: React.PropTypes.oneOfType([5_.$U^-/3@ values: React.PropTypes.arrayOf( React.PropTypes.oneOfType([5_.$U^-03? values: React.PropTypes.arrayOf(React.PropTypes.oneOfType([5_002VU^/34 React.PropTypes.string, React.PropTypes.number ]),5_102VU^024 React.PropTypes.number5_202VU^245 2445_302VU^245 ),5_302VU^g245 ), // initial options5_b02VU^ac5 chosenValue: null,5_b02VU^hac5 chosenValues: null,5_02VU^5, chosenValue: option.props[valueField],5_02VU_5 this.setState({5_02VU_5 this.setState({5_02VU_5 }, () => {5_ 02VU_&5 focus: false,5_02VU_+5 focus: {'$set': false,5_02VU_,5 hoverValue: null,5_02VU_/5 hoverValue: {'$set': null,5_02VU_25 searchQuery: null,5_02VU_55! searchQuery: {'$set': null,5_ 02VU_65! searchQuery: {'$set': null,5_02VU_85 searchResults: null5_"02VU_;5" searchResults: {'$set': null5_02VU_>5- chosenValues: option.props[valueField],5_602VU_Di57 chosenValues: {'$push', option.props[valueField],5_02VU_Mj58 chosenValues: {'$push', option.props[valueField]},5_  02VU_Rk 5&const {cloneWithProps} = React.addons;5_  02VU_a focus: {'$set': false},5_   02VU_am! hoverValue: {'$set': null},5_   02VU_58 chosenValues: {'$push': option.props[valueField]},5_  702VU_p59 chosenValues: {'$push': [option.props[valueField]},5_ VU`q5 const values = [];5_ VU`5/ const values = _map(this.getChosenValues[];5_2VU`55 const values = _map(this.getSelectedValues(), [];5_2VU`54 const values = _map(this.getSelectedValues(), ];5_2VU`53 const values = _map(this.getSelectedValues(), ;5_3VU`54 const values = _map(this.getSelectedValues(), (;5_VU`6E const values = _map(this.getSelectedValues(), (value, index) => {5_VU`q6G const values = _map(this.+_getSelectedValues(), (value, index) => {5_VU`r! var value = this.state.value;5_VU`6 value={value}5_1VU`67 value={JSON.stringify(selectedValues)value}5_1VU`66 value={JSON.stringify(selectedValues)alue}5_1VU`65 value={JSON.stringify(selectedValues)lue}5_1VU`64 value={JSON.stringify(selectedValues)ue}5_!1VU`63 value={JSON.stringify(selectedValues)e}5_" !VU`7 65_!#"VU`7F const values = _map(this._getSelectedValues(), (value, index) => {5_"$#VU`7E const values = _map(his._getSelectedValues(), (value, index) => {5_#%$VU`7D const values = _map(is._getSelectedValues(), (value, index) => {5_$&%VU`7C const values = _map(s._getSelectedValues(), (value, index) => {5_%'&VU`7B const values = _map(._getSelectedValues(), (value, index) => {5_&('VU`7A const values = _map(_getSelectedValues(), (value, index) => {5_')(VU`7@ const values = _map(getSelectedValues(), (value, index) => {5_(*)VU`7? const values = _map(etSelectedValues(), (value, index) => {5_)+*VU`7> const values = _map(tSelectedValues(), (value, index) => {5_*,+VU`7= const values = _map(SelectedValues(), (value, index) => {5_+-,VU`7< const values = _map(electedValues(), (value, index) => {5_,.-VU`7; const values = _map(lectedValues(), (value, index) => {5_-/.VU`7: const values = _map(ectedValues(), (value, index) => {5_.0/VU`79 const values = _map(ctedValues(), (value, index) => {5_/10VU`78 const values = _map(tedValues(), (value, index) => {5_021VU`77 const values = _map(edValues(), (value, index) => {5_132VU`76 const values = _map(dValues(), (value, index) => {5_243VU`75 const values = _map(Values(), (value, index) => {5_354VU`74 const values = _map(alues(), (value, index) => {5_465VU`73 const values = _map(lues(), (value, index) => {5_576VU`72 const values = _map(ues(), (value, index) => {5_687VU`71 const values = _map(es(), (value, index) => {5_798VU`70 const values = _map(s(), (value, index) => {5_8:9VU`7/ const values = _map((), (value, index) => {5_9;:VU`7. const values = _map(), (value, index) => {5_:<;VU`s7- const values = _map(, (value, index) => {5_;=<qVU`q7qr75_<>=rVU`qsE5_=?>sVU`rtF _getSelectedValue() {5_>@?tVU`suF+ var {value, defaultValue} = this.props;5_?A@tVU`suF, var {values, defaultValue} = this.props;5_@BAuVU`tvF# var {chosenValue} = this.state;5_ACBwVU`vxF9 if (typeof value !== 'undefined' && value !== null) {5_BDCw.VU`vxF: if (typeof values !== 'undefined' && value !== null) {5_CEDw7VUavxFB if (typeof values !== 'undefined' && values.length !== null) {5_DFEw7VUavxFA if (typeof values !== 'undefined' && values.length == null) {5_EGFw7VUavxF@ if (typeof values !== 'undefined' && values.length = null) {5_FHGw7VUavxF? if (typeof values !== 'undefined' && values.length null) {5_GIHw7VUavxF> if (typeof values !== 'undefined' && values.length null) {5_HJIw7VUavxF= if (typeof values !== 'undefined' && values.length ull) {5_IKJw7VUavxF< if (typeof values !== 'undefined' && values.length ll) {5_JLKw7VUavxF; if (typeof values !== 'undefined' && values.length l) {5_KMLw7VUavxF: if (typeof values !== 'undefined' && values.length ) {5_LNMxVUawyF return value;5_MON{VUaz|FE if (typeof chosenValue !== 'undefined' && chosenValue !== null) {5_NPO{:VUa z|FF if (typeof chosenValues !== 'undefined' && chosenValue !== null) {5_OQP{EVUaz|FR if (typeof chosenValues !== 'undefined' && chosenValues.length > - !== null) {5_PRQ{GVUaz|FR if (typeof chosenValues !== 'undefined' && chosenValues.length > 0 !== null) {5_QSR{GVUaz|FQ if (typeof chosenValues !== 'undefined' && chosenValues.length > 0 == null) {5_RTS{GVUaz|FP if (typeof chosenValues !== 'undefined' && chosenValues.length > 0 = null) {5_SUT{GVUaz|FO if (typeof chosenValues !== 'undefined' && chosenValues.length > 0 null) {5_TVU{GVUaz|FN if (typeof chosenValues !== 'undefined' && chosenValues.length > 0 null) {5_UWV{GVUaz|FM if (typeof chosenValues !== 'undefined' && chosenValues.length > 0 ull) {5_VXW{GVUaz|FL if (typeof chosenValues !== 'undefined' && chosenValues.length > 0 ll) {5_WYX{FVUaz|FK if (typeof chosenValues !== 'undefined' && chosenValues.length > 0 l) {5_XZY{FVUaz|FJ if (typeof chosenValues !== 'undefined' && chosenValues.length > 0l) {5_Y[ZVUa#~F return defaultValue;5_Z\[|VUa${}F return chosenValue;5_[]\3.3VUa*3:F34F5_\^]4.3VUa+35L$ values: React.PropTypes.arrayOf(5_]_^3.3VUa-t35L5_^`_.3VUaHN M5__a`.3VUa[O& this.setState(update(this.state, {5_`ba.3VUa[O% this.setState(pdate(this.state, {5_acb.3VUa[O$ this.setState(date(this.state, {5_bdc.3VUa[O# this.setState(ate(this.state, {5_ced.3VUa[O" this.setState(te(this.state, {5_dfe.3VUa\O! this.setState(e(this.state, {5_egf.3VUa\O this.setState((this.state, {5_fhg.3VUa_O this.setState(this.state, {5_gih.3VUa_O this.setState(his.state, {5_hji.3VUa_O this.setState(is.state, {5_ikj.3VUa_O this.setState(s.state, {5_jlk.3VUa_O this.setState(.state, {5_kml.3VUa_O this.setState(state, {5_lnm.3VUa`O this.setState(tate, {5_mon.3VUa`O this.setState(ate, {5_npo.3VUa`O this.setState(te, {5_oqp.3VUa`O this.setState(e, {5_prq.3VUa`O this.setState(, {5_qsr.3VUa`O this.setState( {5_rts.3VUabO }), () => {5_sut4.3VUanO5 const selectedValues = this._getSelectedValues();5_tvu;.3VUa}O< const selectedValues = this._getSelectedValues().slice(;5_uwv.3VUaP O5_vxw.3VUaP: chosenValues: {'$push': [option.props[valueField]]},5_wyx".3VUaPH chosenValues: selectedValues{'$push': [option.props[valueField]]},5_xzy".3VUaPG chosenValues: selectedValues'$push': [option.props[valueField]]},5_y{z".3VUaPF chosenValues: selectedValues$push': [option.props[valueField]]},5_z|{".3VUaPE chosenValues: selectedValuespush': [option.props[valueField]]},5_{}|".3VUaPD chosenValues: selectedValuesush': [option.props[valueField]]},5_|~}".3VUaPC chosenValues: selectedValuessh': [option.props[valueField]]},5_}~".3VUaPB chosenValues: selectedValuesh': [option.props[valueField]]},5_~".3VUaPA chosenValues: selectedValues': [option.props[valueField]]},5_".3VUaP@ chosenValues: selectedValues: [option.props[valueField]]},5_".3VUaP? chosenValues: selectedValues [option.props[valueField]]},5_".3VUaP> chosenValues: selectedValues[option.props[valueField]]},5_".3VUaP= chosenValues: selectedValuesoption.props[valueField]]},5_".3VUaP< chosenValues: selectedValuesption.props[valueField]]},5_".3VUaP; chosenValues: selectedValuestion.props[valueField]]},5_".3VUaP: chosenValues: selectedValuesion.props[valueField]]},5_".3VUaP9 chosenValues: selectedValueson.props[valueField]]},5_".3VUaP8 chosenValues: selectedValuesn.props[valueField]]},5_".3VUaP7 chosenValues: selectedValues.props[valueField]]},5_".3VUaP6 chosenValues: selectedValuesprops[valueField]]},5_".3VUaP5 chosenValues: selectedValuesrops[valueField]]},5_".3VUaP4 chosenValues: selectedValuesops[valueField]]},5_".3VUaP3 chosenValues: selectedValuesps[valueField]]},5_".3VUaP2 chosenValues: selectedValuess[valueField]]},5_".3VUaP1 chosenValues: selectedValues[valueField]]},5_".3VUaP0 chosenValues: selectedValuesvalueField]]},5_".3VUaP/ chosenValues: selectedValuesalueField]]},5_".3VUaP. chosenValues: selectedValueslueField]]},5_".3VUaP- chosenValues: selectedValuesueField]]},5_".3VUaP, chosenValues: selectedValueseField]]},5_".3VUaP+ chosenValues: selectedValuesField]]},5_".3VUaP* chosenValues: selectedValuesield]]},5_".3VUaP) chosenValues: selectedValueseld]]},5_".3VUaP( chosenValues: selectedValuesld]]},5_".3VUaP' chosenValues: selectedValuesd]]},5_".3VUaP& chosenValues: selectedValues]]},5_".3VUaP% chosenValues: selectedValues]},5_".3VUaP$ chosenValues: selectedValues},5_.3VUaP" searchQuery: {'$set': null},5_.3VUaP! searchQuery: '$set': null},5_.3VUaP searchQuery: $set': null},5_.3VUaP searchQuery: set': null},5_.3VUaP searchQuery: et': null},5_.3VUaP searchQuery: t': null},5_.3VUaP searchQuery: ': null},5_.3VUaP searchQuery: : null},5_.3VUaP searchQuery: null},5_.3VUaP searchQuery: null},5_.3VUaP$ searchResults: {'$set': null},5_.3VUaP# searchResults: {$set': null},5_.3VUaP" searchResults: {set': null},5_.3VUaP! searchResults: {et': null},5_.3VUaP searchResults: {t': null},5_.3VUaP searchResults: {': null},5_.3VUaP searchResults: ': null},5_.3VUaP searchResults: : null},5_.3VUaP searchResults: null},5_.3VUauP searchResults: null},5_ .3VUa P.const {cloneWithProps, update} = React.addons;5_ .3VUa P-const {cloneWithProps update} = React.addons;5_ .3VUa P,const {cloneWithPropsupdate} = React.addons;5_ .3VUa P+const {cloneWithPropspdate} = React.addons;5_ .3VUa P*const {cloneWithPropsdate} = React.addons;5_ .3VUa P)const {cloneWithPropsate} = React.addons;5_ .3VUa P(const {cloneWithPropste} = React.addons;5_ .3VUav P'const {cloneWithPropse} = React.addons;5_ VUa  P  P5_ VUa  Q5_VUb0RR5_VUb1V5_VUb<X W5_VUbCX$ // TODO make this more effecient5_VUbPY X5_VUb[Z8 const key = `${index}-${child.props[valueField]}`;5_  VUbiZZ5_  VUbi5_  VUbia5_  VUblb 5_   VUbb
{label}
5_   VUbb div>{label}5_   VUbb iv>{label}5_   VUbb v>{label}5_   VUbb >{label}5_   VUbb {label}5_$  VUbb* {option.props[labelField]}5_$  VUbb) {option.props[labelField]}/div>5_$  VUbb( {option.props[labelField]}div>5_$  VUbb' {option.props[labelField]}iv>5_$  VUbb& {option.props[labelField]}v>5_$  VUbb% {option.props[labelField]}>5_  VUb/*5_)  VUb() */5_(  VUbw(*`5_  VUbb a5_  VUbc" const {selected} = this.props;5_  VUbc+ const {selected, onClick} = this.props;5_  VUbxc+ const {selected, onClick} = this.props;5_ )  VUb!c< 'react-choice-value--is-selected': this.props.selected5_ )  VUb!c; 'react-choice-value--is-selected': his.props.selected5_ )  VUb!c: 'react-choice-value--is-selected': is.props.selected5_ )  VUb!c9 'react-choice-value--is-selected': s.props.selected5_ )  VUb!c8 'react-choice-value--is-selected': .props.selected5_ )  VUb!c7 'react-choice-value--is-selected': props.selected5_ )  VUb!c6 'react-choice-value--is-selected': rops.selected5_ )  VUb!c5 'react-choice-value--is-selected': ops.selected5_ )  VUb!c4 'react-choice-value--is-selected': ps.selected5_ )  VUb!c3 'react-choice-value--is-selected': s.selected5_ )  VUb!c2 'react-choice-value--is-selected': .selected5_$(  VUb#%c<
5_$(  VUb#%c;
5_$(  VUb#%c:
5_$(  VUb#%c9
5_$(  VUb#%c8
5_$(  VUb#%c7
5_$(  VUb#%c6
5_$(  VUb#%c5
5_$(  VUb#%c4
5_$(  VUb#%c3
5_$(  VUb#%c2
5_%7  VUb$&cQ
{this.props.children}
5_%7  VUb$&cP
{his.props.children}
5_%7  VUb$&cO
{is.props.children}
5_%7  VUb$&cN
{s.props.children}
5_%7  VUb$&cM
{.props.children}
5_%7  VUb$&cL
{props.children}
5_%7  VUb$&cK
{rops.children}
5_%7  VUb$&cJ
{ops.children}
5_%7  VUb$&cI
{ps.children}
5_%7  VUb$&cH
{s.children}
5_%7  VUby$&cG
{.children}
5_  VUbcc5_ VUbd$import _filter from 'lodash.filter';5_ VUbzd"import _find from 'lodash.filter';5_ VUbe d5_ VUb debugger;5_S VUc{SUe SUd5_I VUcHJe2 value={JSON.stringify(selectedValues)}5_I VUcHJe1 value={SON.stringify(selectedValues)}5_I VUcHJe0 value={ON.stringify(selectedValues)}5_ I VUcHJe/ value={N.stringify(selectedValues)}5_  I VUcHJe. value={.stringify(selectedValues)}5_   I VUcHJe- value={stringify(selectedValues)}5_   I VUcHJe, value={tringify(selectedValues)}5_   I VUcHJe+ value={ringify(selectedValues)}5_  I VUcHJe* value={ingify(selectedValues)}5_ I VUcHJe) value={ngify(selectedValues)}5_I VUcHJe( value={gify(selectedValues)}5_I VUcHJe' value={ify(selectedValues)}5_I VUcHJe& value={fy(selectedValues)}5_I VUcHJe% value={y(selectedValues)}5_I VUcHJe$ value={(selectedValues)}5_I VUcHJe# value={selectedValues)}5_I VUcHJe" value={electedValues)}5_I VUcHJe! value={lectedValues)}5_I VUcHJe value={ectedValues)}5_I VUcHJe value={ctedValues)}5_I VUcHJe value={tedValues)}5_I VUcHJe value={edValues)}5_I VUcHJe value={dValues)}5_I VUcHJe value={Values)}5_I VUcHJe value={alues)}5_I VUcHJe value={lues)}5_ I VUcHJe value={ues)}5_! I VUcHJe value={es)}5_ "!I VUcHJe value={s)}5_!#"I VUcHJe value={)}5_")#I VUc~HJe value={}5_#+$)*VUcM*7e*+e5_),*+6VUcO68q5_+-,+VUcQ*,r( _selectValue: function(index, event) {5_,.-+VUcQ*,r' _selectValue function(index, event) {5_-/.+VUcQ*,r& _selectValuefunction(index, event) {5_.0/+VUcQ*,r% _selectValueunction(index, event) {5_/10+VUcQ*,r$ _selectValuenction(index, event) {5_021+VUcQ*,r# _selectValuection(index, event) {5_132+VUcR*,r" _selectValuetion(index, event) {5_243+VUcR*,r! _selectValueion(index, event) {5_354+VUcR*,r _selectValueon(index, event) {5_465+VUcR*,r _selectValuen(index, event) {5_576+VUcT+-s +-r5_687, VUcW,.t ,.s5_7987VUcX79u 79t5_8:99VUcc9=u9:u5_9;::VUcc9;x5_:<;;VUcf:<y, _removeDeletedContainer: function(index) {5_;=<;VUcf:<y+ _removeDeletedContainer function(index) {5_<>=;VUcf:<y* _removeDeletedContainerfunction(index) {5_=?>;VUcf:<y) _removeDeletedContainerunction(index) {5_>@?;VUcf:<y( _removeDeletedContainernction(index) {5_?A@;VUcf:<y' _removeDeletedContainerction(index) {5_@BA;VUcf:<y& _removeDeletedContainertion(index) {5_ACB;VUcf:<y% _removeDeletedContainerion(index) {5_BDC;VUcg:<y$ _removeDeletedContaineron(index) {5_CED;VUcg:<y# _removeDeletedContainern(index) {5_DFE;VUch;=z ;=y5_EGF=VUcj=?{ =?z5_FHG;VUck;=| ;={5_GIH VUc, this.refs.textInput.getDOMNode().blur();5_HJI V Uc* if (this._optionsMouseDown === true) {% this._optionsMouseDown = false;/ this.refs.textInput.getDOMNode().focus(); event.stopPropagation(); } else {5_IKJ V Uc }5_JMKVUcv this.setState({ focus: false });5_KNLMn V UcmovL 5_MONn V UcmovK 5_NPOn V UcmovJ 5_OQPn V UcmovI 5_PRQn V UcmovH 5_QSRn V UcmovG 5_RTSn V UcmovF 5_SUTn V UcmovE 5_TVUn V UcmovD 5_UWVn V UcmovC 5_VXWn V UcmovB 5_WYXn V UcmovA 5_XZYn V Ucmov@ 5_Y[Zn V Ucmov? 5_Z\[n V Ucmov> 5_[]\n V Ucmov= 5_\^]n V Ucmov< 5_]_^n V Ucmov; 5_^`_n V Ucmov: 5__a`n V Ucmov9 5_`ban V Ucmov8 5_acbn V Ucmov7 5_bdcn V Ucmov6 5_cedn V Ucmov5 5_dfen V Ucmov4 5_egfn V Ucmov3 5_fhgn V Ucmov2 5_gihn V Ucmov1 5_hjin V Ucmov0 5_ikjn V Ucmov/ 5_jlkn V Ucmov. 5_kmln V Ucmov- 5_lnmn V Ucmov, 5_monn V Ucmov+ 5_npon V Ucmov* 5_oqpn V Ucmov) 5_prqn V Ucmov( 5_qsrn V Ucmov' 5_rtsn V Ucmov& 5_sutn V Ucmov% 5_tvun V Ucmov$ 5_uwvn V Ucmov# 5_vywn V Ucmov" 5_wzxyVUc# this._optionsMouseDown = false;5_y{zVUc0 /*this.refs.textInput.getDOMNode().blur();*/5_z|{VUc // reset mousedown latch5_{}|VUc5_|~} V Uc _handleOptionsMouseDown() {O // prevent windows issue where clicking on scrollbar triggers blur on input" this._optionsMouseDown = true; },5_}~ V Uc% /*hoverValue: {'$set': null},*/5_~ V Ucm! hoverValue: {'$set': null},5_ V Ucm hoverValue: '$set': null},5_ V Ucm hoverValue: $set': null},5_ V Ucm hoverValue: set': null},5_ V Ucm hoverValue: et': null},5_ V Ucm hoverValue: t': null},5_ V Ucm hoverValue: ': null},5_ V Ucm hoverValue: : null},5_ V Ucm hoverValue: null},5_ V Ucm hoverValue: null},5_ V Udm!import React from 'react/addons';import _map from 'lodash.map';$import _filter from 'lodash.filter'; import _find from 'lodash.find';import cx from 'classnames';import Icon from './Icon'; import Options from './Options';,import OptionWrapper from './OptionWrapper';9import {escapeRegexCharacters, isDefined} from './utils';&const {cloneWithProps} = React.addons;function noop() {}(const ValueWrapper = React.createClass({ propTypes: {- onClick: React.PropTypes.func.isRequired,2 onDeleteClick: React.PropTypes.func.isRequired }," onDeleteClick: function(event) { event.stopPropagation();$ this.props.onDeleteClick(event); }, render: function() {5 const {selected, onClick, children} = this.props; var classes = cx({! 'react-choice-value': true,1 'react-choice-value--is-selected': selected }); return (1
F
{children}
T x
 ); }});*const MultipleChoice = React.createClass({ propTypes: {$ values: React.PropTypes.arrayOf(! React.PropTypes.oneOfType([ React.PropTypes.string, React.PropTypes.number, ]), ), // initial values+ defaultValues: React.PropTypes.arrayOf(! React.PropTypes.oneOfType([ React.PropTypes.string, React.PropTypes.number, ]), ), // initial values: children: React.PropTypes.array.isRequired, // options2 name: React.PropTypes.string, // name of input= placeholder: React.PropTypes.string, // input placeholder# disabled: React.PropTypes.bool,; valueField: React.PropTypes.string, // value field name; labelField: React.PropTypes.string, // label field nameb allowDuplicates: React.PropTypes.bool, // if true, the same values can be added multiple times. icon: React.PropTypes.func, // icon renderC getSuggestions: React.PropTypes.func, // custom search functionE /*searchField: React.PropTypes.array, // array of search fields*/N onSelect: React.PropTypes.func, // function called when option is selectedM onDelete: React.PropTypes.func, // function called when option is deleted }, getDefaultProps() { return { values: [], defaultValues: [], valueField: 'value', labelField: 'children', allowDuplicates: false, onSelect: noop, onDelete: noop, }; }, getInitialState() { /*' var props = this.props.searchField;& props.push(this.props.valueField);' props.push(this.props.searchField); props = _.uniq(props);= var options = _map(this.props.children, function(child) { // TODO Validation ?( return _.pick(child.props, props); }, this); */ return { focus: false, chosenValues: [], hoverValue: null, searchQuery: null, searchResults: null, /*) searchResults: this._sort(options), values: this.props.values, initialOptions: options, highlighted: null, selected: null, selectedIndex: -1, searchTokens: [] */ }; }, _getSelectedValues() {- var {values, defaultValues} = this.props;$ var {chosenValues} = this.state;= if (typeof values !== 'undefined' && values.length > 0) { return values; }I if (typeof chosenValues !== 'undefined' && chosenValues.length > 0) { return chosenValues; } return defaultValues; }, _getOption(value) {$ // TODO make this more efficient. const {children, valueField} = this.props;I return _find(children, (child) => child.props[valueField] === value); }, _isActive() {4 return !this.props.disabled && this.state.focus; }, _getSuggestions(query) {> const {labelField, children, getSuggestions} = this.props;/ if (typeof getSuggestions === 'function') {# return getSuggestions(query); }= const escapedQuery = escapeRegexCharacters(query.trim());8 const regex = new RegExp('\\b' + escapedQuery, 'i');M return _filter(children, (child) => regex.test(child.props[labelField])); }, // // Events // _handleClick(event) { event.preventDefault();- this.refs.textInput.getDOMNode().focus(); }, _handleArrowClick() {$ if (this.state.focus === true) {. this.refs.textInput.getDOMNode().blur(); } else {/ this.refs.textInput.getDOMNode().focus(); } }, _handleFocus(event) { event.preventDefault(); this.setState({ focus: true }); setTimeout(() => { if (this.isMounted()) {2 this.refs.textInput.getDOMNode().select(); } }, 10); }, _selectOption(option) {. const {valueField, onSelect} = this.props;> const selectedValues = this._getSelectedValues().slice(0);2 selectedValues.push(option.props[valueField]); this.setState({# chosenValues: selectedValues,! /*focus: {'$set': false},*/ hoverValue: null, searchQuery: null, searchResults: null, }, () => { let fakeEvent = { target: {) value: option.props[valueField] }, option }; onSelect(fakeEvent); }); }, _handleBlur(event) { event.preventDefault(); this.setState({ focus: false }); }, _handleOptionHover(child) {$ const {valueField} = this.props; this.setState({) hoverValue: child.props[valueField] }); },$ _handleOptionClick(child, event) { event.preventDefault(); event.stopPropagation(); this._selectOption(child); }, _handleInput(event) { var keys = { 13: this._enter, 37: this._moveLeft, 38: this._moveUp, 39: this._moveRight, 40: this._moveDown, 8: this._remove };4 if (typeof keys[event.keyCode] === 'function') {! keys[event.keyCode](event); } }, _handleChange(event) { event.preventDefault();% const query = event.target.value;6 const searchResults = this._getSuggestions(query); this.setState({ searchQuery: query," searchResults: searchResults }); }, _updateScrollPosition() {A const highlighted = this.refs ? this.refs.highlighted : null; if (highlighted) {2 // find if highlighted option is not visible* const el = highlighted.getDOMNode();2 let parent = this.refs.options.getDOMNode();J const offsetTop = el.offsetTop + el.clientHeight - parent.scrollTop; // scroll down, if (offsetTop > parent.clientHeight) {J const diff = el.offsetTop + el.clientHeight - parent.clientHeight; parent.scrollTop = diff;@ } else if (offsetTop - el.clientHeight < 0) { // scroll up( parent.scrollTop = el.offsetTop; } } }, _selectValue(index, event) { // TODO /* if (event) { event.preventDefault(); event.stopPropagation(); } this.setState({ selectedIndex: index });- this.refs.container.getDOMNode().focus(); */ }," _removeDeletedContainer(index) { // TODO /* this._removeValue(index); */ }, // TODO /** _handleContainerInput: function(event) { var keys = { 37: this._moveLeft, 39: this._moveRight,& 8: this._removeSelectedContainer };4 if (typeof keys[event.keyCode] === 'function') {! keys[event.keyCode](event); } },$ _handleContainerBlur: function() {# if (this.state.selectedIndex) { this.setState({ selectedIndex: -1 }); } }, */ /*# _selectOption: function(option) { if (option) {6 var values = this.state.values.slice(0); // copy6 var options = this._getAvailableOptions(values);* // determine which item to highlight- var valueField = this.props.valueField;: var optionIndex = _.findIndex(options, function(o) {4 return option[valueField] === o[valueField]; }); values.push(option);2 options = this._getAvailableOptions(values);- var state = this._resetSearch(options); state.values = values;, var nextOption = options[optionIndex];& if (_.isUndefined(nextOption)) {8 // at the end of the list so select previous one. nextOption = options[optionIndex - 1];( if (_.isUndefined(nextOption)) { // bail out( nextOption = _.first(options); } }% state.highlighted = nextOption; this.setState(state);6 if (typeof this.props.onSelect === 'function') {, this.props.onSelect(option, values); } } }, */ /** _getAvailableOptions: function(values) {, var options = this.state.initialOptions;+ var valueField = this.props.valueField;9 if (this.props.allowDuplicates === false && values) {4 options = _.filter(options, function(option) {4 var found = _.find(values, function(value) {: return value[valueField] === option[valueField]; });, return typeof found === 'undefined'; }); } return this._sort(options); }, _moveLeft: function(event) {- var input = this.refs.input.getDOMNode();$ if (!this.state.values.length) { return false; } if ( event.target === input &&' event.target.selectionStart === 0 ) { event.preventDefault(); // select stage this.setState({3 selectedIndex: this.state.values.length - 1 }); // focus on container/ this.refs.container.getDOMNode().focus();1 } else if (this.state.selectedIndex !== -1) {3 var nextIndex = this.state.selectedIndex - 1; if (nextIndex > -1) { this.setState({" selectedIndex: nextIndex }); } } }, _moveRight: function() {- var input = this.refs.input.getDOMNode();$ if (!this.state.values.length) { return false; }* if (this.state.selectedIndex !== -1) {3 var nextIndex = this.state.selectedIndex + 1;1 if (nextIndex < this.state.values.length) { this.setState({" selectedIndex: nextIndex }); } else { // focus input box input.focus(); this.setState({ selectedIndex: -1 }); } } },! _removeValue: function(index) {4 var values = this.state.values.slice(0); // copy0 var removedOption = values.splice(index, 1);4 var options = this._getAvailableOptions(values);+ var state = this._resetSearch(options); state.values = values; this.setState(state);4 if (typeof this.props.onDelete === 'function') {1 this.props.onDelete(removedOption, values); } }, // removes last element _remove: function(event) { if (!this.state.value) { event.preventDefault(); // remove last stage% if (this.state.values.length) {8 this._removeValue(this.state.values.length - 1); } } },1 // called from within, removes selected element- _removeSelectedContainer: function(event) {* if (this.state.selectedIndex !== -1) { event.preventDefault();N // move selection to the element before the removed one (gmail behavior) this.setState({3 selectedIndex: this.state.selectedIndex - 1 });2 this._removeValue(this.state.selectedIndex); } },, _removeDeletedContainer: function(index) { this._removeValue(index); },( _selectValue: function(index, event) { if (event) { event.preventDefault(); event.stopPropagation(); } this.setState({ selectedIndex: index });- this.refs.container.getDOMNode().focus(); }, */ componentWillReceiveProps() { this.setState({ chosenValue: null, hoverValue: null, searchQuery: null, searchResults: null }); },, componentDidUpdate(prevProps, prevState) {A if (prevState.focus === false && this.state.focus === true) {# this._updateScrollPosition(); } }, render() {S const {name, valueField, labelField, placeholder, children, icon} = this.props;@ const {hoverValue, searchQuery, searchResults} = this.state; /*: var values = _.map(this.state.values, function(v, i) {) var key = v[this.props.valueField];4 var selected = i === this.state.selectedIndex;+ var label = v[this.props.labelField]; return ( 
{label}
  ); }, this); */5 const selectedValues = this._getSelectedValues();; const values = _map(selectedValues, (value, index) => {, const option = this._getOption(value);9 const key = `${index}-${option.props[valueField]}`; return ( $ {option.props[labelField]}  ); });I const options = _map((searchResults || children), (child, index) => {q const highlightedValue = isDefined(hoverValue) && hoverValue !== null ? hoverValue : null; //selectedValue;I const highlighted = (child.props[valueField] === highlightedValue);8 const key = `${index}-${child.props[valueField]}`; return ( ? {cloneWithProps(child, { query: searchQuery || '' })}  ); });% /*var value = this.state.value;*/& const isActive = this._isActive(); const wrapperClasses = cx({# 'react-choice-wrapper': true,$ 'react-choice-multiple': true,2 'react-choice-multiple--in-focus': isActive,7 'react-choice-multiple--not-in-focus': !isActive, });& const IconRenderer = icon || Icon; return ($
C
 {values} 
P
- 
) {isActive && options.length > 0 ?!  {options} : null}
 ); }});export default MultipleChoice;5_6 V Ud69Y67Y5_8 V Ud8:[5_8 V Ud79\. value={selectedValue} ref="input" />5_8' V Ud79\7 value={JSON.stringify(selectV} ref="input" />5_ V Ud)\\5_ V Ue5_ V Ue5_  V Ue  import _find from 'lodash.find';5_# V Ue#%import _findIndex from 'lodash.find';5_# V Ue1*import _findIndex from 'lodash.findIndex';5_* V UeN*5*+5_+ V UeO*,5_I  V UeHI7 onClick={this._selectValue.bind(null, index)}5_I% V UeHJH onDeleteClick={this._removeDeletedContainer.bind(null, index)}5_I% V UeHJG onDeleteClick={this._removeeletedContainer.bind(null, index)}5_I% V UeHJF onDeleteClick={this._removeletedContainer.bind(null, index)}5_I% V UeHJE onDeleteClick={this._removeetedContainer.bind(null, index)}5_I% V UeHJD onDeleteClick={this._removetedContainer.bind(null, index)}5_I% V UeHJC onDeleteClick={this._removeedContainer.bind(null, index)}5_I% V UeHJB onDeleteClick={this._removedContainer.bind(null, index)}5_I% V UeHJA onDeleteClick={this._removeContainer.bind(null, index)}5_I6 V UeHJ= onDeleteClick={this._removeValue.bind(null, index)}5_eekVUede" _removeDeletedContainer(index) { // TODO /* this._removeValue(index); */ },5_TeeVUeT\TU5_U llVUeTV" _removeDeletedContainer(index) {5_UllVUeTV _removeValue(index) {5_YVUeYiYZ5_ZZZVUeYZ! _removeValue: function(index) {5_WWYVUeVW /* this._removeValue(index); */5_VWWVUeUV // TODO5_cVVVUebc },5_eetVUede _selectValue(index, event) { // TODO /* if (event) { event.preventDefault(); event.stopPropagation(); } this.setState({ selectedIndex: index });- this.refs.container.getDOMNode().focus(); */ },5_UeeVUeUW UW5_V4ffVUf UW5 const selectedValues = this._getSelectedValues();5_V<ffVUfVX5_bggVUfab4 if (typeof this.props.onDelete === 'function') {5_bffVUfac1 this.props.onDelete(removedOption, values);5_UffVUfUW UW5_V!ggVUfVX5_ehhVUfde }5_dggVUfce/ this.props.onDelete(removedOption, values);5_dggVUfce. his.props.onDelete(removedOption, values);5_dggVUfce- is.props.onDelete(removedOption, values);5_dggVUfce, s.props.onDelete(removedOption, values);5_dggVUfce+ .props.onDelete(removedOption, values);5_dggVUfce* props.onDelete(removedOption, values);5_dggVUfce) rops.onDelete(removedOption, values);5_dggVUfce( ops.onDelete(removedOption, values);5_dggVUfce' ps.onDelete(removedOption, values);5_dggVUfce& s.onDelete(removedOption, values);5_dggVUfce% .onDelete(removedOption, values);5_XggVUf5XZ XZ5_YVUf>Y[YZ5_YVUf?XZ const index = _findIndex5_Y/VUfIXZG const index = _findIndex(selectedValues, (value) => value === value5_Y5VUfJXZC const index = _findIndex(selectedValues, (v) => value === value5_Y?VUfKXZ? const index = _findIndex(selectedValues, (v) => v === value5_ZVUfLYZl const highlightedIndex = _findIndex(options, (result) => result.props[valueField] === highlightedValue);5_YVUfMY] Y[5_[VUfV[] []5_\VUf[] selectedValues.splice(5_[VUf[] []5_``gVUf_`4 var values = this.state.values.slice(0); // copy0 var removedOption = values.splice(index, 1);4 var options = this._getAvailableOptions(values);+ var state = this._resetSearch(options); state.values = values;5_```VUf_b this.setState(state);5_a``VUf`b }state);5_a``VUf`b }tate);5_a``VUf`b }ate);5_a``VUf`b }te);5_a``VUf`b }e);5_` V Uf`b`a5_d  V Ufce$ onDelete(removedOption, values);5_ V Uf- onClick: React.PropTypes.func.isRequired,5_% V Uf$&1
5_% V Uf$&0
5_% V Uf$&/
5_% V Uf$&.
5_% V Uf$&-
5_% V Uf$&,
5_% V Uf$&+
5_% V Uf$&*
5_% V Uf$&)
5_% V Uf$&(
5_% V Uf$&'
5_% V Uf$&&
5_% V Uf$&%
5_% V Uf$&$
5_% V Uf$&#
5_% V Uf$&"
5_% V Uf$&!
5_% V Uf$&
5_ V Ug5 const {selected, onClick, children} = this.props;5_ V Ug4 const {selected, nClick, children} = this.props;5_ V Ug3 const {selected, Click, children} = this.props;5_ V Ug2 const {selected, lick, children} = this.props;5_ V Ug1 const {selected, ick, children} = this.props;5_ V Ug0 const {selected, ck, children} = this.props;5_ V Ug/ const {selected, k, children} = this.props;5_ V Ug. const {selected, , children} = this.props;5_ V Ug- const {selected, children} = this.props;5_~~VUg}~8 /*# _selectOption: function(option) { if (option) {6 var values = this.state.values.slice(0); // copy6 var options = this._getAvailableOptions(values);* // determine which item to highlight- var valueField = this.props.valueField;: var optionIndex = _.findIndex(options, function(o) {4 return option[valueField] === o[valueField]; }); values.push(option);2 options = this._getAvailableOptions(values);- var state = this._resetSearch(options); state.values = values;, var nextOption = options[optionIndex];& if (_.isUndefined(nextOption)) {8 // at the end of the list so select previous one. nextOption = options[optionIndex - 1];( if (_.isUndefined(nextOption)) { // bail out( nextOption = _.first(options); } }% state.highlighted = nextOption; this.setState(state);6 if (typeof this.props.onSelect === 'function') {, this.props.onSelect(option, values); } } }, */ /** _getAvailableOptions: function(values) {, var options = this.state.initialOptions;+ var valueField = this.props.valueField;9 if (this.props.allowDuplicates === false && values) {4 options = _.filter(options, function(option) {4 var found = _.find(values, function(value) {: return value[valueField] === option[valueField]; });, return typeof found === 'undefined'; }); } return this._sort(options); },5_}~~VUg|}5_|}}VUg{| */5_VUg! _removeValue: function(index) {4 var values = this.state.values.slice(0); // copy0 var removedOption = values.splice(index, 1);4 var options = this._getAvailableOptions(values);+ var state = this._resetSearch(options); state.values = values; this.setState(state);4 if (typeof this.props.onDelete === 'function') {1 this.props.onDelete(removedOption, values); } },5_ VUgD, const {selected, children} = this.props;5_ VUgD+ const {elected, children} = this.props;5_ VUgD* const {lected, children} = this.props;5_ VUgD) const {ected, children} = this.props;5_ VUgD( const {cted, children} = this.props;5_  VUgD' const {ted, children} = this.props;5_   VUgD& const {ed, children} = this.props;5_    VUgD% const {d, children} = this.props;5_    VUgD$ const {, children} = this.props;5_    VUgD# const { children} = this.props;5_  !VUg !1 'react-choice-value--is-selected': selected5_ VUgD C5_VUg children: React.PropTypes.5_VS[WC; const values = _map(selectedValues, (value, index) => {5_VS[WC: const values = map(selectedValues, (value, index) => {5_VS[WC9 const values = ap(selectedValues, (value, index) => {5_VS[WC8 const values = p(selectedValues, (value, index) => {5_VS[XC7 const values = (selectedValues, (value, index) => {5_!VS[YC6 const values = selectedValues, (value, index) => {5_%VS[\C: const values = selectedValues.map, (value, index) => {5_%VS[]C: const values = selectedValues.map, (value, index) => {5_&VS[^C; const values = selectedValues.map(, (value, index) => {5_&VS[^C: const values = selectedValues.map( (value, index) => {5_VS[aCI const options = _map((searchResults || children), (child, index) => {5_VS[bCH const options = map((searchResults || children), (child, index) => {5_VS[bCG const options = ap((searchResults || children), (child, index) => {5_VS[cCF const options = p((searchResults || children), (child, index) => {5_VS[dCE const options = ((searchResults || children), (child, index) => {5_ /VS[fCD const options = (searchResults || children), (child, index) => {5_! 4VS[gCI const options = (searchResults || children).map(, (child, index) => {5_ "!4VS[hCH const options = (searchResults || children).map( (child, index) => {5_!#"VS[limport _map from 'lodash.map';5_"$# VS\@BI return _find(children, (child) => child.props[valueField] === value);5_#%$ VS\@BH return find(children, (child) => child.props[valueField] === value);5_$&% VS\ABG return ind(children, (child) => child.props[valueField] === value);5_%'& VS\ABF return nd(children, (child) => child.props[valueField] === value);5_&(' VS\ABE return d(children, (child) => child.props[valueField] === value);5_')( VS\ABD return (children, (child) => child.props[valueField] === value);5_(*)VS\BBC return children, (child) => child.props[valueField] === value);5_)+*VS\DBI return children.find(, (child) => child.props[valueField] === value);5_*,+VS\DBH return children.find( (child) => child.props[valueField] === value);5_+-,VS\G import _find from 'lodash.find';5_,.- VS\AM return _filter(children, (child) => regex.test(child.props[labelField]));5_-/. VS\AL return filter(children, (child) => regex.test(child.props[labelField]));5_.0/ VS\AK return ilter(children, (child) => regex.test(child.props[labelField]));5_/10 VS\AJ return lter(children, (child) => regex.test(child.props[labelField]));5_021 VS\AI return ter(children, (child) => regex.test(child.props[labelField]));5_132 VS\AH return er(children, (child) => regex.test(child.props[labelField]));5_243 VS\AG return r(children, (child) => regex.test(child.props[labelField]));5_354 VS\AF return (children, (child) => regex.test(child.props[labelField]));5_465VS\AE return children, (child) => regex.test(child.props[labelField]));5_576VS\AM return children.filter(, (child) => regex.test(child.props[labelField]));5_687VS\AL return children.filter( (child) => regex.test(child.props[labelField]));5_798VS\$import _filter from 'lodash.filter';5_8:9VT"@l const highlightedIndex = _findIndex(options, (result) => result.props[valueField] === highlightedValue);5_9;:VT"@k const highlightedIndex = findIndex(options, (result) => result.props[valueField] === highlightedValue);5_:<;VT"@j const highlightedIndex = indIndex(options, (result) => result.props[valueField] === highlightedValue);5_;=<VT"@i const highlightedIndex = ndIndex(options, (result) => result.props[valueField] === highlightedValue);5_<>=VT"@h const highlightedIndex = dIndex(options, (result) => result.props[valueField] === highlightedValue);5_=?>VT"@g const highlightedIndex = Index(options, (result) => result.props[valueField] === highlightedValue);5_>@?VT"@f const highlightedIndex = ndex(options, (result) => result.props[valueField] === highlightedValue);5_?A@VT"@e const highlightedIndex = dex(options, (result) => result.props[valueField] === highlightedValue);5_@BAVT"@d const highlightedIndex = ex(options, (result) => result.props[valueField] === highlightedValue);5_ACBVT"@c const highlightedIndex = x(options, (result) => result.props[valueField] === highlightedValue);5_BDCVT"@b const highlightedIndex = (options, (result) => result.props[valueField] === highlightedValue);5_CED$VT"@a const highlightedIndex = options, (result) => result.props[valueField] === highlightedValue);5_DFE)VT"@f const highlightedIndex = options.map(, (result) => result.props[valueField] === highlightedValue);5_EGF)VT"@e const highlightedIndex = options.map( (result) => result.props[valueField] === highlightedValue);5_FHGMVT"@d const highlightedIndex = options.map((result) => result.props[valueField] === highlightedValue);5_GIHKVT"Ab result.props[valueField]).indexOf( === highlightedValue);5_HJIKVT"Aa result.props[valueField]).indexOf(=== highlightedValue);5_IKJKVT"A` result.props[valueField]).indexOf(== highlightedValue);5_JLKKVT"A_ result.props[valueField]).indexOf(= highlightedValue);5_KMLKVT"A^ result.props[valueField]).indexOf( highlightedValue);5_LNM2VT"A4 const highlightedIndex = options.map((result) =>] result.props[valueField]).indexOf(highlightedValue);5_MON$VT"@i const highlightedIndex = options.map((result) => result.props[valueField]).indexOf(highlightedValue);5_NPO(VT"@m const highlightedIndex = options .map((result) => result.props[valueField]).indexOf(highlightedValue);5_OQP0VT"AK .map((result) => result.props[valueField]).indexOf(highlightedValue);5_PRQVVT"B. .map((result) => result.props[valueField]) .indexOf(highlightedValue);5_QSRVVT$UWBA const index = _findIndex(selectedValues, (v) => v === value);5_RTSVVT$UWB@ const index = findIndex(selectedValues, (v) => v === value);5_SUTVVT$UWB? const index = indIndex(selectedValues, (v) => v === value);5_TVUVVT$UWB> const index = ndIndex(selectedValues, (v) => v === value);5_UWVVVT$UWB= const index = dIndex(selectedValues, (v) => v === value);5_VXWVVT$UWB< const index = Index(selectedValues, (v) => v === value);5_WYXVVT$UWB; const index = ndex(selectedValues, (v) => v === value);5_XZYVVT$UWB: const index = dex(selectedValues, (v) => v === value);5_Y[ZVVT$UWB9 const index = ex(selectedValues, (v) => v === value);5_Z\[VVT$UWB8 const index = x(selectedValues, (v) => v === value);5_[]\VVT$UWB7 const index = (selectedValues, (v) => v === value);5_\^]V VT$UWB6 const index = selectedValues, (v) => v === value);5_]_^V)VT$UWB? const index = selectedValues.indexOf(, (v) => v === value);5_^`_V)VT$UWB> const index = selectedValues.indexOf( (v) => v === value);5__a`V)VT$UWB= const index = selectedValues.indexOf((v) => v === value);5_`baV)VT$UWB< const index = selectedValues.indexOf(v) => v === value);5_acbV)VT$UWB; const index = selectedValues.indexOf() => v === value);5_bdcV)VT$UWB: const index = selectedValues.indexOf( => v === value);5_cedV)VT$UWB9 const index = selectedValues.indexOf(=> v === value);5_dfeV)VT$UWB8 const index = selectedValues.indexOf(> v === value);5_egfV)VT$UWB7 const index = selectedValues.indexOf( v === value);5_fhgV)VT$UWB6 const index = selectedValues.indexOf(v === value);5_gihV)VT$UWB5 const index = selectedValues.indexOf( === value);5_hjiV)VT$UWB4 const index = selectedValues.indexOf(=== value);5_ikjV)VT$UWB3 const index = selectedValues.indexOf(== value);5_jlkV)VT$UWB2 const index = selectedValues.indexOf(= value);5_kmlV)VT$UWB1 const index = selectedValues.indexOf( value);5_lmVT$*import _findIndex from 'lodash.findindex';5_% V Uf$&%
5_ V Uf5_d ggVUf ce# onDelete(emovedOption, values);5_d ggVUf ce" onDelete(movedOption, values);5_d ggVUf ce! onDelete(ovedOption, values);5_d ggVUf ce onDelete(vedOption, values);5_d ggVUf!ce onDelete(edOption, values);5_d ggVUf!ce onDelete(dOption, values);5_d ggVUf!ce onDelete(Option, values);5_d ggVUf!ce onDelete(ption, values);5_d ggVUf!ce onDelete(tion, values);5_d ggVUf!ce onDelete(ion, values);5_d ggVUf!ce onDelete(on, values);5_d ggVUf!ce onDelete(n, values);5_d ggVUf!ce onDelete(, values);5_d ggVUf"ce onDelete( values);5_d ggVUf"ce onDelete(values);5_~ V Ucm hoverValue:{'$set': null},5_wyxVUc5_KML V Uc5_)+*5VUcN56q5_#%)$ VUc2e9 onClick={/*this._selectValue.bind(null, index)}5_$&%7 VUc3e9 onClick={/*this._selectValue.bind(null, index)}5_%'&8 VUc4e; onClick={/*this._selectValue.bind(null, index)*/}5_&(' VUc7eJ onDeleteClick={/*this._removeDeletedContainer.bind(null, index)}5_'(I VUc8}eL onDeleteClick={/*this._removeDeletedContainer.bind(null, index)*/}5_k VUckldkld chosenValues: [],5_%7  VUb$&cF
{children}
5_ )  VUb!c0 'react-choice-value--is-selected': elected5_! 1VU`61 value={JSON.stringify(selectedValues)5_ VU` /*value={value}*/5_  VU`d5' const values = _map(chosenValues[];5_  02VU_ focus: {'$set': false},5_ 02VU_o5 focus: {'$set': true},5_.$U^-/3> values: React.PropTypes.arrayOf(eact.PropTypes.oneOfType([5_[ V UY\ const highlightedValue = isDefined(hoverValue) && hoverValue !== null ? hoverValue : ;5_! iiVUY ( 5_\\\VUW\]5_USB25_USB05