<commit_before>import * as React from 'react';

import SelectBox from './components/selectbox/SelectBox';
import MenuItem from './components/menuItem/MenuItem';

interface Props extends React.Props<App> {
}
const styles = {
  root: {
    fontFamily: 'sans-serif'
  },
  block: {
    maxWidth: 250,
    padding: 20
  },
};

export default class App extends React.Component<Props, {}> {
  state = {
    devStatusValue: 1,
    featureCompValue: 4,
  };

  handleDevStatusChange = (event, index, value) => this.setState({devStatusValue:value});
  handleFeatureCompletedChange = (event, index, value) => this.setState({featureCompValue:value});

  public render() {
    return (
      <div style={styles.root}>
        <h1>React Component using Typescript</h1>
        <h2>SelectBoxes</h2>
        <div style={styles.block}>
          <SelectBox
            label="Development Status ?"
            value={this.state.devStatusValue}
            onChange={this.handleDevStatusChange}
          >
              <MenuItem itemValue={1} primaryText="Completed" />
              <MenuItem itemValue={2} primaryText="Active" />
              <MenuItem itemValue={3} primaryText="Deprecated" />
          </SelectBox>
          <SelectBox
            label="Features Completed ?"
            value={this.state.featureCompValue}
            onChange={this.handleFeatureCompletedChange}
          >
              <MenuItem itemValue={1} primaryText="One" />
              <MenuItem itemValue={2} primaryText="Two" />
              <MenuItem itemValue={3} primaryText="Three" />
              <MenuItem itemValue={4} primaryText="Four" />
          </SelectBox>
        </div>
      </div>
    );
  }
}
<commit_msg>Updating selectbox value<commit_after>import * as React from 'react';

import SelectBox from './components/selectbox/SelectBox';
import MenuItem from './components/menuItem/MenuItem';

interface Props extends React.Props<App> {
}
const styles = {
  root: {
    fontFamily: 'sans-serif'
  },
  block: {
    maxWidth: 250,
    padding: 20
  },
};

export default class App extends React.Component<Props, {}> {
  state = {
    devStatusValue: 1,
    featureCompValue: 5,
  };

  handleDevStatusChange = (event, index, value) => this.setState({devStatusValue:value});
  handleFeatureCompletedChange = (event, index, value) => this.setState({featureCompValue:value});

  public render() {
    return (
      <div style={styles.root}>
        <h1>React Component using Typescript</h1>
        <h2>SelectBoxes</h2>
        <div style={styles.block}>
          <SelectBox
            label="Development Status ?"
            value={this.state.devStatusValue}
            onChange={this.handleDevStatusChange}
          >
              <MenuItem itemValue={1} primaryText="Completed" />
              <MenuItem itemValue={2} primaryText="Active" />
              <MenuItem itemValue={3} primaryText="Deprecated" />
          </SelectBox>
          <SelectBox
            label="Features Completed ?"
            value={this.state.featureCompValue}
            onChange={this.handleFeatureCompletedChange}
          >
              <MenuItem itemValue={1} primaryText="One" />
              <MenuItem itemValue={2} primaryText="Two" />
              <MenuItem itemValue={3} primaryText="Three" />
              <MenuItem itemValue={4} primaryText="Four" />
              <MenuItem itemValue={5} primaryText="Five" />
          </SelectBox>
        </div>
      </div>
    );
  }
}

{'fraction_non_alphanumeric': 0.13108614232209737, 'fraction_numerical': 0.010659752232785941, 'mean_word_length': 2.458167330677291, 'pattern_counts': {'":': 0, '<': 46, '<?xml version=': 0, '>': 50, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3651640', 'n_tokens_mistral': 987, 'n_tokens_neox': 961, 'n_words': 195}