<commit_before>var React  = require('react');
var FocusTrap = require('../src/FocusTrap');

var Component = React.createClass({

  getInitialState() {
    return {
      focusOne: false,
      focusTwo: false
    }
  },

  render() {
    return (
      <div>
        <button onClick={ this._onOpenOne}>Open Dialog One</button>
        <FocusTrap onExit={ this._onExitOne } active={ this.state.focusOne }>
          <h1>This is the primary dialog</h1>
          <p><a href="http://google.com">Focus one</a></p>
          <p><a href="http://google.com">Focus two</a></p>
          <button onClick={ this._onOpenTwo }>Open Dialog Two</button>
        </FocusTrap>
        <FocusTrap onExit={ this._onExitTwo } active={ this.state.focusTwo }>
          <h1>This is the secondary dialog</h1>
          <p><a href="http://google.com">Focus one</a></p>
          <p><a href="http://google.com">Focus two</a></p>
        </FocusTrap>
      </div>
    );
  },

  _onOpenOne() {
    this.setState({ focusOne: true })
  },

  _onOpenTwo() {
    this.setState({ focusTwo: true })
  },

  _onExitOne() {
    this.setState({ focusOne: false })
  },

  _onExitTwo() {
    this.setState({ focusTwo: false })
  }

});

React.render(<Component />, window.app);<commit_msg>[style] Remove semicolons from example<commit_after>var React  = require('react')
var FocusTrap = require('../src/FocusTrap')

var Component = React.createClass({

  getInitialState() {
    return {
      focusOne: false,
      focusTwo: false
    }
  },

  render() {
    return (
      <div>
        <button onClick={ this._onOpenOne}>Open Dialog One</button>
        <FocusTrap onExit={ this._onExitOne } active={ this.state.focusOne }>
          <h1>This is the primary dialog</h1>
          <p><a href="http://google.com">Focus one</a></p>
          <p><a href="http://google.com">Focus two</a></p>
          <button onClick={ this._onOpenTwo }>Open Dialog Two</button>
        </FocusTrap>
        <FocusTrap onExit={ this._onExitTwo } active={ this.state.focusTwo }>
          <h1>This is the secondary dialog</h1>
          <p><a href="http://google.com">Focus one</a></p>
          <p><a href="http://google.com">Focus two</a></p>
        </FocusTrap>
      </div>
    )
  },

  _onOpenOne() {
    this.setState({ focusOne: true })
  },

  _onOpenTwo() {
    this.setState({ focusTwo: true })
  },

  _onExitOne() {
    this.setState({ focusOne: false })
  },

  _onExitTwo() {
    this.setState({ focusTwo: false })
  }

})

React.render(<Component />, window.app)
{'fraction_non_alphanumeric': 0.17681962025316456, 'fraction_numerical': 0.0031645569620253164, 'mean_word_length': 2.5173852573018083, 'pattern_counts': {'":': 0, '<': 65, '<?xml version=': 0, '>': 65, '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': '4072592', 'n_tokens_mistral': 853, 'n_tokens_neox': 847, 'n_words': 167}