dash-core-components
Version:
Core component suite for Dash
4 lines (3 loc) • 17.2 kB
JSON
{
"/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}}}