<commit_before>import React from "react";
import PropTypes from "prop-types";
import Autocomplete from "react-autocomplete";
import uuidv4 from "uuid/v4";

export default class AutoComplete extends React.Component {
  constructor(props) {
    super(props);
    this.id = uuidv4();
  }
  static propTypes = {
    renderDefaultStyledItem: PropTypes.func
  };
  render() {
    return (
      <Autocomplete
        getItemValue={(item) => (item)}
        renderInput={(props) => (
          <span style={{
            position: "relative"
          }}>
            <input id={this.id} {...props} style={{
              width: "100%",
              boxSizing: "border-box"
            }}/>
            <label htmlFor={this.id} className="si-caret" style={{
              position: "absolute",
              top: "0",
              bottom: "0",
              right: "8px",
              margin: "auto 0",
              fontSize: "10px",
              height: "10px",
              color: "#a3a3a3",
              transform: "rotate(90deg)"
            }}></label>
          </span>
        )}
        renderItem={(item, isHighlighted) =>
          <div key={item} style={{
            background: isHighlighted ? "#f3f3f3" : "white",
            padding: "8px"
          }}>
            {this.props.renderDefaultStyledItem ? this.props.renderDefaultStyledItem(item, isHighlighted) : item}
          </div>
        }
        menuStyle={{
          zIndex: 1,
          borderRadius: "3px",
          border: "1px solid #DEDEDE",
          boxShadow: "0 0 3px 0 rgba(0,0,0,0.3)",
          background: "rgba(255, 255, 255, 0.9)",
          padding: "2px 0",
          fontSize: "90%",
          position: "fixed",
          overflow: "auto",
          maxHeight: "30%"
        }}
        {...this.props}
      />
    );
  }
}
<commit_msg>fix autocomplete border<commit_after>import React from "react";
import PropTypes from "prop-types";
import Autocomplete from "react-autocomplete";
import uuidv4 from "uuid/v4";

export default class AutoComplete extends React.Component {
  constructor(props) {
    super(props);
    this.id = uuidv4();
  }
  static propTypes = {
    renderDefaultStyledItem: PropTypes.func
  };
  render() {
    return (
      <Autocomplete
        getItemValue={(item) => (item)}
        renderInput={(props) => (
          <span style={{
            position: "relative"
          }}>
            <input id={this.id} {...props} style={{
              width: "100%",
              boxSizing: "border-box"
            }}/>
            <label htmlFor={this.id} className="si-caret" style={{
              position: "absolute",
              top: "0",
              bottom: "0",
              right: "8px",
              margin: "auto 0",
              fontSize: "10px",
              height: "10px",
              color: "#a3a3a3",
              transform: "rotate(90deg)"
            }}></label>
          </span>
        )}
        renderItem={(item, isHighlighted) =>
          <div key={item} style={{
            background: isHighlighted ? "#f3f3f3" : "white",
            padding: "8px"
          }}>
            {this.props.renderDefaultStyledItem ? this.props.renderDefaultStyledItem(item, isHighlighted) : item}
          </div>
        }
        menuStyle={{
          zIndex: 1,
          borderRadius: "3px",
          border: "1px solid #DEDEDE",
          boxShadow: "0 0 3px 0 rgba(0,0,0,0.3)",
          background: "rgba(255, 255, 255, 0.9)",
          padding: "2px 0",
          fontSize: "90%",
          position: "fixed",
          overflow: "auto",
          maxHeight: "30%",
          boxSizing: "border-box"
        }}
        {...this.props}
      />
    );
  }
}

{'fraction_non_alphanumeric': 0.1465587044534413, 'fraction_numerical': 0.028070175438596492, 'mean_word_length': 1.635846372688478, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 25, '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': '6974940', 'n_tokens_mistral': 1168, 'n_tokens_neox': 1117, 'n_words': 246}