<commit_before>(function() {
  window.shared || (window.shared = {});
  var dom = window.shared.ReactHelpers.dom;

  var ProvidedByEducatorDropdown = window.shared.ProvidedByEducatorDropdown = React.createClass({
    displayName: 'ProvidedByEducatorDropdown',

    propTypes: {
      educatorsForServicesDropdown: React.PropTypes.array.isRequired,
      onChange: React.PropTypes.func.isRequired,
    },

    render: function () {
      return dom.input({
        className: 'ProvidedByEducatorDropdown',
        onChange: this.props.onChange,
        placeholder: '<NAME>, <NAME>...',
        style: {
          marginTop: 2,
          fontSize: 14,
          padding: 4,
          width: '50%'
        }
      });
    },

    componentDidMount: function() {
      $(ReactDOM.findDOMNode(this)).autocomplete({ source: this.props.educatorsForServicesDropdown });
    },

    componentWillUnmount: function() {
      $(ReactDOM.findDOMNode(this)).autocomplete('destroy');
    }

  });

})();<commit_msg>Start making the cute combobox<commit_after>(function() {
  window.shared || (window.shared = {});
  var dom = window.shared.ReactHelpers.dom;

  var ProvidedByEducatorDropdown = window.shared.ProvidedByEducatorDropdown = React.createClass({
    displayName: 'ProvidedByEducatorDropdown',

    propTypes: {
      educatorsForServicesDropdown: React.PropTypes.array.isRequired,
      onChange: React.PropTypes.func.isRequired,
    },

    render: function () {
      return dom.div({},
        this.renderInput(),
        this.renderDropdownToggle()
      )
    },

    renderInput: function () {
      return dom.input({
        className: 'ProvidedByEducatorDropdown',
        onChange: this.props.onChange,
        placeholder: '<NAME>, <NAME>...',
        style: {
          marginTop: 2,
          fontSize: 14,
          padding: 4,
          width: '50%'
        }
      });
    },

    renderDropdownToggle: function () {
      return dom.a({
        onClick: this.toggleOpenMenu,
        style: {
          position: 'relative',
          right: 20,
          fontSize: 10,
          color: '#4d4d4d'
        }
      }, String.fromCharCode('0x25BC'));
    },

    toggleOpenMenu: function () {
      $('.ProvidedByEducatorDropdown').autocomplete( "search", "" );
    },

    componentDidMount: function() {
      $('.ProvidedByEducatorDropdown').autocomplete({
        source: this.props.educatorsForServicesDropdown,
        delay: 0,
        minLength: 0,
      });
    },

    componentWillUnmount: function() {
      $('.ProvidedByEducatorDropdown').autocomplete('destroy');
    }

  });

})();
{'fraction_non_alphanumeric': 0.13688650306748465, 'fraction_numerical': 0.009202453987730062, 'mean_word_length': 2.5114401076716018, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6962319', 'n_tokens_mistral': 809, 'n_tokens_neox': 770, 'n_words': 124}