{
"/Users/chriddyp/Repos/dash-stuff/dash-core-components/src/components/__tests__/DropDown.test.js":{"path":"/Users/chriddyp/Repos/dash-stuff/dash-core-components/src/components/__tests__/DropDown.test.js","s":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":2,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1},"b":{"1":[1,1],"2":[2,2]},"f":{"1":2,"2":1,"3":1,"4":1},"fnMap":{"1":{"name":"_interopRequireDefault","line":13,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"2":{"name":"(anonymous_2)","line":15,"loc":{"start":{"line":5,"column":31},"end":{"line":5,"column":37}}},"3":{"name":"(anonymous_3)","line":17,"loc":{"start":{"line":7,"column":18},"end":{"line":7,"column":24}}},"4":{"name":"(anonymous_4)","line":22,"loc":{"start":{"line":12,"column":24},"end":{"line":12,"column":30}}}},"statementMap":{"1":{"start":{"line":1,"column":0},"end":{"line":1,"column":0}},"2":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"3":{"start":{"line":2,"column":0},"end":{"line":2,"column":0}},"4":{"start":{"line":3,"column":0},"end":{"line":3,"column":0}},"5":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"6":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"7":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"8":{"start":{"line":5,"column":0},"end":{"line":5,"column":0}},"9":{"start":{"line":7,"column":4},"end":{"line":7,"column":4}},"10":{"start":{"line":8,"column":8},"end":{"line":8,"column":8}},"11":{"start":{"line":9,"column":8},"end":{"line":9,"column":8}},"12":{"start":{"line":12,"column":4},"end":{"line":12,"column":4}},"13":{"start":{"line":13,"column":8},"end":{"line":13,"column":8}}},"branchMap":{"1":{"line":13,"type":"cond-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"2":{"line":13,"type":"binary-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]}},"code":["import React from 'react';","import {shallow} from 'enzyme';","import DropdownComponent from '../Dropdown.react';","","describe('Dropdown component', () => {","","    it('renders', () => {","        const component = shallow(<DropdownComponent id=\"my-dropdown\"/>);","        expect(component).to.be.ok;","    });","","    describe('options', () => {","        it('renders passed-in options');","    });","});",""],"l":{"0":2,"1":1,"2":1,"3":1,"5":1,"7":1,"8":1,"9":1,"12":1,"13":1}},
"/Users/chriddyp/Repos/dash-stuff/dash-core-components/src/components/Dropdown.react.js":{"path":"/Users/chriddyp/Repos/dash-stuff/dash-core-components/src/components/Dropdown.react.js","s":{"1":1,"2":1,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":0,"23":1,"24":1,"25":1,"26":1,"27":1,"28":1,"29":1,"30":1,"31":3,"32":1,"33":1,"34":0,"35":1,"36":1,"37":0,"38":1,"39":1,"40":1,"41":0,"42":1,"43":1,"44":1,"45":1,"46":1,"47":1,"48":1,"49":1,"50":1,"51":1,"52":1,"53":1,"54":1,"55":0,"56":1,"57":1,"58":0,"59":0,"60":0,"61":0,"62":0,"63":0,"64":1,"65":1,"66":1},"b":{"1":[1,0],"2":[0,0],"3":[1,1],"4":[1,0],"5":[1,0],"6":[0,1],"7":[0,3],"8":[3,3],"9":[0,1],"10":[0,1],"11":[0,1],"12":[1,0,0],"13":[0,1],"14":[1,0],"15":[1,1],"16":[1,0],"17":[0,1],"18":[1,0],"19":[0,1],"20":[0,0],"21":[0,0]},"f":{"1":0,"2":1,"3":1,"4":1,"5":3,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":0},"fnMap":{"1":{"name":"(anonymous_1)","line":7,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"2":{"name":"(anonymous_2)","line":9,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"3":{"name":"defineProperties","line":9,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"4":{"name":"(anonymous_4)","line":9,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"5":{"name":"_interopRequireDefault","line":23,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"6":{"name":"_classCallCheck","line":25,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"7":{"name":"_possibleConstructorReturn","line":27,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"8":{"name":"_inherits","line":29,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"9":{"name":"(anonymous_9)","line":44,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"10":{"name":"Dropdown","line":47,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"11":{"name":"render","line":55,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"12":{"name":"onChange","line":76,"loc":{"start":{"line":31,"column":30},"end":{"line":31,"column":48}}}},"statementMap":{"1":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"2":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"3":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"4":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"5":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"6":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"7":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"8":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"9":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"10":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"11":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"12":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"13":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"14":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"15":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"16":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"17":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"18":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"19":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"20":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"21":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"22":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"23":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"24":{"start":{"line":1,"column":0},"end":{"line":1,"column":0}},"25":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"26":{"start":{"line":2,"column":0},"end":{"line":2,"column":0}},"27":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"28":{"start":{"line":3,"column":0},"end":{"line":3,"column":0}},"29":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"30":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"31":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"32":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"33":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"34":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"35":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"36":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"37":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"38":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"39":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"40":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"41":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"42":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"43":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"44":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"45":{"start":{"line":5,"column":0},"end":{"line":5,"column":0}},"46":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"47":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"48":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"49":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"50":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"51":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"52":{"start":{"line":18,"column":13},"end":{"line":18,"column":13}},"53":{"start":{"line":20,"column":8},"end":{"line":20,"column":8}},"54":{"start":{"line":21,"column":8},"end":{"line":25,"column":9}},"55":{"start":{"line":22,"column":12},"end":{"line":22,"column":12}},"56":{"start":{"line":24,"column":12},"end":{"line":24,"column":12}},"57":{"start":{"line":26,"column":8},"end":{"line":26,"column":8}},"58":{"start":{"line":32,"column":24},"end":{"line":37,"column":25}},"59":{"start":{"line":33,"column":28},"end":{"line":33,"column":28}},"60":{"start":{"line":34,"column":28},"end":{"line":34,"column":28}},"61":{"start":{"line":36,"column":28},"end":{"line":36,"column":28}},"62":{"start":{"line":38,"column":24},"end":{"line":38,"column":39}},"63":{"start":{"line":38,"column":39},"end":{"line":38,"column":39}},"64":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"65":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"66":{"start":{"line":47,"column":0},"end":{"line":47,"column":0}}},"branchMap":{"1":{"line":7,"type":"binary-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"2":{"line":7,"type":"if","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"3":{"line":9,"type":"binary-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"4":{"line":9,"type":"if","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"5":{"line":9,"type":"if","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"6":{"line":9,"type":"if","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"7":{"line":23,"type":"cond-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"8":{"line":23,"type":"binary-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"9":{"line":25,"type":"if","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"10":{"line":27,"type":"if","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"11":{"line":27,"type":"cond-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"12":{"line":27,"type":"binary-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"13":{"line":29,"type":"if","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"14":{"line":29,"type":"binary-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"15":{"line":29,"type":"binary-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"16":{"line":29,"type":"if","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"17":{"line":29,"type":"cond-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"18":{"line":50,"type":"binary-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"19":{"line":65,"type":"if","locations":[{"start":{"line":21,"column":8},"end":{"line":21,"column":8}},{"start":{"line":21,"column":8},"end":{"line":21,"column":8}}]},"20":{"line":77,"type":"if","locations":[{"start":{"line":32,"column":24},"end":{"line":32,"column":24}},{"start":{"line":32,"column":24},"end":{"line":32,"column":24}}]},"21":{"line":83,"type":"if","locations":[{"start":{"line":38,"column":24},"end":{"line":38,"column":24}},{"start":{"line":38,"column":24},"end":{"line":38,"column":24}}]}},"code":["import R from 'ramda';","import React, {Component, PropTypes} from 'react';","import ReactDropdown from 'react-select';","","const DELIMETER = ',';","","/**"," * Dropdown is an interactive dropdown element for selecting one or more"," * items."," * The values and labels of the dropdown items are specified in the `options`"," * property and the selected item(s) are specified with the `value` property."," *"," * Use a dropdown when you have many options (more than 5) or when you are"," * constrained for space. Otherwise, you can use RadioItems or a Checklist,"," * which have the benefit of showing the users all of the items at once."," */","export default class Dropdown extends Component {","    render() {","        const {id, fireEvent, multi, options, value, setProps} = this.props;","        let selectedValue;","        if (R.type(value) === 'array') {","            selectedValue = value.join(DELIMETER);","        } else {","            selectedValue = value;","        }","        return (","            <div id={id}>","                <ReactDropdown","                    options={options}","                    value={selectedValue}","                    onChange={selectedOption => {","                        if (multi) {","                            const values = R.pluck('value', selectedOption);","                            setProps({value: values});","                        } else {","                            setProps({value: selectedOption.value});","                        }","                        if (fireEvent) fireEvent('change');","                    }}","                    {...this.props}","                />","            </div>","        );","    }","}","","Dropdown.propTypes = {","    id: PropTypes.string,","","    className: PropTypes.string,","    /**","     * If true, the option is disabled","     */","    disabled: PropTypes.bool,","","    /**","     * If true, the user can select multiple values","     */","    multi: PropTypes.bool,","","    options: PropTypes.arrayOf(","        PropTypes.shape({","            disabled: PropTypes.bool,","            label: PropTypes.string,","            value: PropTypes.string","        })","    ),","","    /**","     * The grey, default text shown when no option is selected","     */","    placeholder: PropTypes.string,","","    /**","     * The value of the input. If `multi` is false (the default)","     * then value is just a string that corresponds to the values","     * provided in the `options` property. If `multi` is true, then","     * multiple values can be selected at once, and `value` is an","     * array of items with values corresponding to those in the","     * `options` prop.","     */","    value: PropTypes.oneOfType([","        PropTypes.string,","        PropTypes.arrayOf(PropTypes.string)","    ]),","","    /**","     * Dash-assigned callback that gets fired when the input changes","     */","    setProps: PropTypes.func,","","    dashEvents: PropTypes.oneOf(['change'])","};",""],"l":{"0":3,"1":1,"2":1,"3":1,"5":1,"18":1,"20":1,"21":1,"22":0,"24":1,"26":1,"32":0,"33":0,"34":0,"36":0,"38":0,"47":1}}}