<commit_before>import React from 'react'
import Dialog from '../../addons/dialog'
import Section from '../../addons/section'

export default class ExampleSection extends React.Component {
  static defaultProps = {
    content: {
      color: '#bbbbbb'
    }
  }

  state = {
    openSettings: false
  }

  getMenuItems() {
    return [
      {
        id: 'settings',
        label: 'Settings',
        onClick: this._onSettingsOpen
      }
    ]
  }

  render() {
    let { color, openSettings } = this.state

    return (
      <div style={{ background: this.props.content.color }}>
        <Section {...this.props} />
        <Dialog
          title="Settings"
          headingComponent="h1"
          active={openSettings}
          onExit={this._onSettingsExit}
        >
          <p>
            You can use dialogs such as these to hide more settings and
            information.
          </p>
          <label>
            Color:
            <input
              type="color"
              onChange={this._onColorChange.bind(this)}
              value={color}
            /><commit_msg>Ensure ExampleSection methods are bound<commit_after>import React from 'react'
import Dialog from '../../addons/dialog'
import Section from '../../addons/section'

export default class ExampleSection extends React.Component {
  static defaultProps = {
    content: {
      color: '#bbbbbb'
    }
  }

  state = {
    openSettings: false
  }

  getMenuItems() {
    return [
      {
        id: 'settings',
        label: 'Settings',
        onClick: this._onSettingsOpen.bind(this)
      }
    ]
  }

  render() {
    let { color, openSettings } = this.state

    return (
      <div style={{ background: this.props.content.color }}>
        <Section {...this.props} />
        <Dialog
          title="Settings"
          headingComponent="h1"
          active={openSettings}
          onExit={this._onSettingsExit.bind(this)}
        >
          <p>
            You can use dialogs such as these to hide more settings and
            information.
          </p>
          <label>
            Color:
            <input
              type="color"
              onChange={this._onColorChange.bind(this)}
              value={color}
            />
{'fraction_non_alphanumeric': 0.11507582515611062, 'fraction_numerical': 0.0008920606601248885, 'mean_word_length': 1.6670630202140309, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, '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': '790627', 'n_tokens_mistral': 610, 'n_tokens_neox': 612, 'n_words': 148}