\n {noResultsText}\n
\n )\n }\n \n );\n }\n}\n\nAutoSuggestComponent.displayName = 'AutoSuggestComponent';\n\nAutoSuggestComponent.defaultProps = {\n id: 'autosuggest1',\n theme: {\n container: 'react-autosuggest__container',\n containerOpen: 'react-autosuggest__container--open',\n input: 'react-autosuggest__input',\n inputOpen: 'react-autosuggest__input--open',\n inputFocused: 'react-autosuggest__input--focused',\n suggestionsContainer: 'react-autosuggest__suggestions-container',\n suggestionsContainerOpen: 'react-autosuggest__suggestions-container--open',\n suggestionsList: 'react-autosuggest__suggestions-list',\n suggestion: 'react-autosuggest__suggestion',\n suggestionFirst: 'react-autosuggest__suggestion--first',\n suggestionHighlighted: 'react-autosuggest__suggestion--highlighted',\n sectionContainer: 'react-autosuggest__section-container',\n sectionContainerFirst: 'react-autosuggest__section-container--first',\n sectionTitle: 'react-autosuggest__section-title',\n },\n clearInput: false,\n type: 'text',\n initialValue: '',\n disabled: false,\n setQuery: () => { },\n noResultsText: '',\n};\n\nAutoSuggestComponent.propTypes = {\n setQuery: PropTypes.func,\n getSuggestions: PropTypes.func.isRequired,\n getSuggestionValue: PropTypes.func.isRequired,\n renderSuggestion: PropTypes.func.isRequired,\n setResults: PropTypes.func.isRequired,\n collection: PropTypes.arrayOf(PropTypes.any).isRequired,\n placeholder: PropTypes.string.isRequired,\n id: PropTypes.string,\n theme: PropTypes.shape({}),\n clearInput: PropTypes.bool,\n type: PropTypes.string,\n initialValue: PropTypes.string,\n disabled: PropTypes.bool,\n noResultsText: PropTypes.string,\n};\nexport default AutoSuggestComponent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nclass DataBoxSuggestionComponent extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n item: props.item,\n };\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.item.id !== prevState.item.id) {\n return {\n item: nextProps.item,\n };\n }\n\n return null;\n }\n\n render() {\n const { item } = this.state;\n return (\n \n {item.name}\n \n );\n }\n}\n\nDataBoxSuggestionComponent.propTypes = {\n item: PropTypes.shape({\n id: PropTypes.number.isRequired,\n }).isRequired,\n};\nDataBoxSuggestionComponent.displayName = 'DataBoxSuggestionComponent';\nexport default DataBoxSuggestionComponent;\n","/* eslint-env browser */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport AutoSuggestComponent from '../AutoSuggestComponent';\r\nimport DataBoxSuggestionComponent from './DataBoxSuggestionComponent';\r\n\r\nclass DataBoxButtonComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleClick = this.handleClick.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n\r\n handleClick() {\r\n const { setActive, active, index } = this.props;\r\n setActive(active ? 0 : index + 1);\r\n }\r\n\r\n handleChange(e) {\r\n const { value } = e.target;\r\n const { setSearchValue } = this.props;\r\n const newHistory = `${[window.location.protocol, '//', window.location.host, window.location.pathname].join('')}?initval=${value}`;\r\n window.history.replaceState({\r\n initVal: value,\r\n }, document.title, newHistory);\r\n setSearchValue(value);\r\n }\r\n\r\n render() {\r\n const {\r\n button: b,\r\n index, box,\r\n active,\r\n getSuggestions,\r\n searchValue,\r\n } = this.props;\r\n const i = index + 1;\r\n const bg = box.background;\r\n\r\n let classNames = `db-button button-${i}`;\r\n const search = box.search.index === i;\r\n\r\n if (bg.overlay) {\r\n classNames += ' overlay';\r\n }\r\n\r\n if (search) {\r\n classNames += ' db-search';\r\n }\r\n\r\n if (active && !search) {\r\n classNames += ' active';\r\n }\r\n\r\n if (search) {\r\n if (box.search.autocomplete) {\r\n return (\r\n