<commit_before>import React, { Component } from 'react'
import { Col, ControlLabel, FormGroup} from 'react-bootstrap'
import Typeahead from 'react-bootstrap-typeahead'
import { isEqual } from 'lodash'
import skillsKeywords from '../mergedKeywords.js'
import styles from '../css/TypeaheadStyles.js'

export default class SkillsInput extends Component {
  constructor(props) {
    super(props)
    const suggestions = skillsKeywords.map((word, id) => {
      return {label: word, id}
    })
    this.state = {
      tags: [],
      suggestions
    }
  }
  handleChange(objects) {
    const words = objects.map(tag => tag.label)
    const tags = this.state.tags
    if (!isEqual(words, tags)) this.setState({tags: words})
  }
  shouldComponentUpdate(nextProps) {
    if (!isEqual(this.props, nextProps)) return true
    else return false
  }
  render() {
    console.log(styles)
    //bootstrapUtils.addStyle(FormGroup, styles)
    return (
      <FormGroup><commit_msg>remove console log<commit_after>import React, { Component } from 'react'
import { Col, ControlLabel, FormGroup} from 'react-bootstrap'
import Typeahead from 'react-bootstrap-typeahead'
import { isEqual } from 'lodash'
import skillsKeywords from '../mergedKeywords.js'
import styles from '../css/TypeaheadStyles.js'

export default class SkillsInput extends Component {
  constructor(props) {
    super(props)
    const suggestions = skillsKeywords.map((word, id) => {
      return {label: word, id}
    })
    this.state = {
      tags: [],
      suggestions
    }
  }
  handleChange(objects) {
    const words = objects.map(tag => tag.label)
    const tags = this.state.tags
    if (!isEqual(words, tags)) this.setState({tags: words})
  }
  shouldComponentUpdate(nextProps) {
    if (!isEqual(this.props, nextProps)) return true
    else return false
  }
  render() {
    return (
      <FormGroup>
{'fraction_non_alphanumeric': 0.12165058949624866, 'fraction_numerical': 0.0, 'mean_word_length': 3.5096618357487923, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 9, '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': '4424806', 'n_tokens_mistral': 562, 'n_tokens_neox': 555, 'n_words': 146}