<commit_before>import React, { Component } from 'react';
import { Field, reduxForm } from 'redux-form';
import FontAwesome from 'react-fontawesome';

import '../Form.css'

class CreateOrganization extends Component {
  render() {
    const { handleSubmit } = this.props;
		
    return (
			<div 
        className={this.getClassName()} 
        tabIndex="0" 
				onFocus={() => { this.focusOnPopHover(true) }}
				onBlur={() => { this.focusOnPopHover(false) }} 
      >
				<div className="Form-Header">
				<span className="Form-Header-Title">Create Team 
						<FontAwesome 
							name="times" 
							className="Form-Header-Close-Button" 
							onClick={(event) => { this.closeModal() }} 
						/>
					</span>
				</div>
				<div>
					<form onSubmit={handleSubmit}>
						<div>
							<label htmlFor="boardNewTitle">Name</label>
							<Field
								className="Form-BoardTitle"
								autoFocus={true}
								type="text" 
								name="name"
								value="" 
								component="input"
								dir="auto"
							/>
						</div>
						<button type="submit" className="Form-SubmitButton">Create</button>
					</form>
				</div>
      </div>
    );
  }

  focusOnPopHover (isFocusOnPopHover) {
    
    if (isFocusOnPopHover) {
      this.props.modalActions.focusOnModal();
    } else {
      this.props.modalActions.blurOnModal();
    }
  }

	getClassName() {
		if (this.props.isCreateOrganizationModalOpen) {
			return "Form Form-Shown"
		}

		return "Form Form-Hidden"
	}

	closeModal() {
		this.props.modalActions.closeCreteOrganizationModal()
	}
}

export default reduxForm({ form: 'createOrganizationForm' })(CreateOrganization);
<commit_msg>Add PropTypes checks to CreateOrganization component<commit_after>import React, { Component } from 'react';
import { Field, reduxForm } from 'redux-form';
import FontAwesome from 'react-fontawesome';

import '../Form.css';

const propTypes = {
  isCreateBoardModalOpen: PropTypes.bool.isRequired,

  modalActions: PropTypes.object.isRequired
}

class CreateOrganization extends Component {
  render() {
    const { handleSubmit } = this.props;
		
    return (
			<div 
        className={this.getClassName()} 
        tabIndex="0" 
				onFocus={() => { this.focusOnPopHover(true) }}
				onBlur={() => { this.focusOnPopHover(false) }} 
      >
				<div className="Form-Header">
				<span className="Form-Header-Title">Create Team 
						<FontAwesome 
							name="times" 
							className="Form-Header-Close-Button" 
							onClick={(event) => { this.closeModal() }} 
						/>
					</span>
				</div>
				<div>
					<form onSubmit={handleSubmit}>
						<div>
							<label htmlFor="boardNewTitle">Name</label>
							<Field
								className="Form-BoardTitle"
								autoFocus={true}
								type="text" 
								name="name"
								value="" 
								component="input"
								dir="auto"
							/>
						</div>
						<button type="submit" className="Form-SubmitButton">Create</button>
					</form>
				</div>
      </div>
    );
  }

  focusOnPopHover (isFocusOnPopHover) {
    
    if (isFocusOnPopHover) {
      this.props.modalActions.focusOnModal();
    } else {
      this.props.modalActions.blurOnModal();
    }
  }

	getClassName() {
		if (this.props.isCreateOrganizationModalOpen) {
			return "Form Form-Shown"
		}

		return "Form Form-Hidden"
	}

	closeModal() {
		this.props.modalActions.closeCreteOrganizationModal()
	}
}

CreateOrganization.propTypes = propTypes;

export default reduxForm({ form: 'createOrganizationForm' })(CreateOrganization);

{'fraction_non_alphanumeric': 0.14114968696642002, 'fraction_numerical': 0.0005691519635742744, 'mean_word_length': 2.7393617021276597, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 45, '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': '1922732', 'n_tokens_mistral': 1436, 'n_tokens_neox': 1115, 'n_words': 191}